Avatar billede net-base.dk Nybegynder
21. marts 2007 - 12:38 Der er 12 kommentarer og
1 løsning

Faneblade skift uden load af siden.

Hej.

Jeg har lavet denne side http://net-base.dk/test/faneblad.php

Jeg søger en faneblads kode.

Når siden loades skal "inchold på faneblad1" vises og det skal så være muligt at trykke på de forskellige faneblade og få siden til at skifte.

Jeg har læst forskellige spørgsmål her på eksperten.dk men syntes ikke at kunne finde en kode som kan bruges sammen med min kode.

Jeg vil ikke køre systemet med div.
Avatar billede roenving Novice
21. marts 2007 - 12:56 #1
<td style="cursor:pointer;" onclick="showTab('box1');">Faneblad1</td>

-- samt

<script type="text/javascript">
var ua = navigator.userAgent.toLowerCase();
var isIE = ua.indexOf("msie")>0 && ua.indexOf("opera") == 0;
var dispType = isIE ? "block" : "table";
var oldTab = null;
function showTab(id){
  var tab = document.getElementById(id);
  if(oldTab && oldTab != tab)
    oldTab.display = "none";
  tab.display = dispType;
  oldTab = tab;
}
</script>
Avatar billede net-base.dk Nybegynder
21. marts 2007 - 13:10 #2
den bliver ved med at vise alle fanebladene. scriptet skal skjule indhold 2-4 når såden loades og når jeg klikker på faneblad2 skal indhold 1 og 3 og 4 skjules. lige nu vises alle indbolds siderne
Avatar billede roenving Novice
21. marts 2007 - 13:25 #3
-- så skal du bare sætte style="display:none;" i de table-tags, der ikke skal vises !-)
Avatar billede roenving Novice
21. marts 2007 - 13:26 #4
Uff, der var jo lige en forglemmelse:

function showTab(id){
  var tab = document.getElementById(id);
  if(oldTab && oldTab != tab)
    oldTab.style.display = "none";
  tab.style.display = dispType;
  oldTab = tab;
}
Avatar billede net-base.dk Nybegynder
21. marts 2007 - 13:35 #5
Når siden loades vises indhold1 kun nu, men lige så snart jeg trykker på et af fanebladene så vises indhold1 stadig indtil jeg trykker på endnu et faneblad.
Avatar billede roenving Novice
21. marts 2007 - 14:15 #6
Jo, tjah, selvfølgelig:

Indsæt så også:

window.onload = function(){
  oldTab = document.getElementById("box1");
}
Avatar billede net-base.dk Nybegynder
21. marts 2007 - 14:34 #7
Det ser ud til at virke nu. smid svar hvis du vil have point.
Avatar billede roenving Novice
21. marts 2007 - 14:37 #8
Velbekomme '-)
Avatar billede net-base.dk Nybegynder
21. marts 2007 - 14:48 #9
Tak for hjælpen.
Avatar billede roenving Novice
21. marts 2007 - 14:56 #10
-- og jeg takker for point ;~}
Avatar billede net-base.dk Nybegynder
25. marts 2007 - 22:44 #11
Hey har lige testet koden i IE7 og der virker den ikke? kan du hjælpe mig med at få det til at virke? laver gerne et nyt spg så du kan få ekstra point.
Avatar billede roenving Novice
25. marts 2007 - 22:54 #12
Hvordan virker den ikke ?-)

-- har ikke selv gidet at lægge mig under IE7 ...
Avatar billede net-base.dk Nybegynder
25. marts 2007 - 23:41 #13
Når jeg trykker på et af fanebladene så forsvinder indhold1 som det skal, men indholdet til det faneblad jeg trykker på kommer ikke frem,

IE7 er kun lagt på fordi jeg opdage nogle design problemer på det site jeg er igang med, da jeg en dag sad og brugte en maskine med IE7 og ja så var jeg nødsaget til at skifte...
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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