Avatar billede aero Nybegynder
07. november 2005 - 18:44 Der er 5 kommentarer og
1 løsning

3 tabeller oven i hinanden

Hej

Hvordan laver jeg 3 forskellige tabeller oven i hinanden !?

http://www.aeronet.dk/test.gif

Hvis I kigger på min lille hurtige tegning så har man trykket på den Røde B tabel og får vist det som den indenholder, men hvordan kan jeg via kode ligge A og C oveni så hvis en trykker på A så vises A der hvor rød info nu vises !?

Kan nogle lave et hurtigt eks på hvordan jeg kan starte og slutte så jeg selv kan bygge videre på det og så jeg kan se hvordan jeg kan lave 4-5 tabeller hvis 3 ikke er nok, gider ikke og have en løsning som virker til det den skal 100% vil gerne lærer noget selv og det mener jeg at jeg gør ved at se et kode eks som virker, som evt ser ud som det jeg har lavet i PS så jeg ud fra det kan lave mit eget med database conn. osv.

Håber en venlig sjæl vil hjælpe mig.
Avatar billede softspot Forsker
07. november 2005 - 18:53 #1
Hvis du vil lave det serverside, så skal du vel bare generere en tabel som har de rigtige styles (altså så illusionen om at man har valgt et bestemt faneblad implementeres, f.eks. ved at du fjerner border-bottom for den valgte fane, eller noget i den stil).

Alternativt kan du lave det på klienten ved at indlæse et div med indhold til hver fane, og så bare skjule og vise disse div-elementer efter behov, dvs. alt efter hvilken fane brugeren vælger.
Avatar billede aero Nybegynder
07. november 2005 - 22:53 #2
Kan du evt komme med et eks. i kode !?
Avatar billede softspot Forsker
07. november 2005 - 23:08 #3
Nå, jeg fik bare opfattelsen af at du gerne ville selv... :)

Nuvel, jeg kunne da forestille mig noget i stil med dette (aldeles utestet):

<script type="text/javascript">
var prevTab = null;
function changeTab(idx) {
  var d = document.getElementById('tab'+idx);
  if(d) {
    id(prevTab) prevTab.style.display = 'none';
    prevTab = d;
    prevTab.style.display = 'block';
  }
}
</script>

<%
allTabWidth = "400"
tabTitle = Array("tab 1","tab 2","tab 3")
numTabs = ubound(tabTitle) + 1
singleTabWidth = int(allTabWidth / numTabs)
%>
<table width="<%=allTabWidth%>">
<tr>
<%for i = 1 to numTabs %>
  <td width="<%=singleTabWidth%>"><a href="java script:void(changeTab(<%=i%>))"><%=tabTitle(i)%></a></td>
<%end if%>
</tr>
<tr>
  <td colspan="<%=numTabs%>">
<%for i = 1 to numTabs %>
    <div id="tab<%=i%>" style="display:none;">Dette er tab <%=i%></div>
<%end if%>
  </td>
</tr>
</table>
Avatar billede aero Nybegynder
14. november 2005 - 18:34 #4
softspot jeg kan ikke få det til at virke eller se hvad jeg skal gøre for at få det til det.... vil du evt hjælpe mig med noget som virker så jeg ud fra det kan arbejde videre med det !?
Avatar billede aero Nybegynder
30. november 2005 - 23:35 #5
hmm lukker
Avatar billede softspot Forsker
30. november 2005 - 23:50 #6
Hov! Det må du undskylde. Jeg havde slet ikke set der var kommet en kommentar mere på denne tråd...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester