Vraag over tabmenu en javascript

  • Onderwerp starter Onderwerp starter puli
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
P

puli

Gebruiker
Lid geworden
14 jan 2008
Berichten
9
Ik zit met het volgende probleem, ik heb een javascript (wat niet door mij gemaakt is)
Nu, dit script werkt goed, het zet de tabbladen visible of hidden.
Maar nu komt het probleem, ik zou graag dat als de pagina wordt geladen enkel Tab1 wordt weergegeven en de andere tabs hidden. hoe kan ik dit het beste doen??
Gelijk het javascript nu is gemaakt zet het alle tabbladen hidden of visible

var x = 0;
function HideATabContainers() {
var top=0;
var TabView = document.getElementById('TabView');

var a = TabView.getElementsByTagName("a");

if ( x > 0) a[x-1].style.display="Active";
a[x++].style.display="block";
if (x < a.length) setTimeout("HideATabContainers();",1);
}




en dit is wat ik heb in mijn body

<body onload='HideATabContainers()'>
<div class="TabView" id="TabView">
<div class="Tabs">
<a>Tab1</a><a>Tab2</a><a>Tab3</a><a>Tab4</a><a>Tab5</a><a>Tab5</a></div>
 
Maak van getElementsByTagName getElementById en geef alle <a>'s een id... en geef ze een functie toggle ofso:

function toggle(tab){
if(document.getElementById(tab).style.display=='block'){
document.getElementById(tab).style.display='none';
} else {
document.getElementById(tab).style.display='block';
}
}
<a href='#' onclick='toggle('tab1');'>tab1</a>


evt kun je alle tabs dmv een for lus alle tabbladen op none zetten voordat je er 1 op block zet.

ik zie nu dat je visible/hidden gebruikt... werkt in princiepe op dezelfde manier...

puli zei:
Ik zit met het volgende probleem, ik heb een javascript (wat niet door mij gemaakt is)
Nu, dit script werkt goed, het zet de tabbladen visible of hidden.
Maar nu komt het probleem, ik zou graag dat als de pagina wordt geladen enkel Tab1 wordt weergegeven en de andere tabs hidden. hoe kan ik dit het beste doen??
Gelijk het javascript nu is gemaakt zet het alle tabbladen hidden of visible

var x = 0;
function HideATabContainers() {
var top=0;
var TabView = document.getElementById('TabView');

var a = TabView.getElementsByTagName("a");

if ( x > 0) a[x-1].style.display="Active";
a[x++].style.display="block";
if (x < a.length) setTimeout("HideATabContainers();",1);
}




en dit is wat ik heb in mijn body

<body onload='HideATabContainers()'>
<div class="TabView" id="TabView">
<div class="Tabs">
<a>Tab1</a><a>Tab2</a><a>Tab3</a><a>Tab4</a><a>Tab5</a><a>Tab5</a></div>
Klik om te vergroten...
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan