dirkandries
Gebruiker
- Lid geworden
- 8 jul 2008
- Berichten
- 190
met dit script kan je div's openen dit werkt allemaal goed alleen wil ik nu dat als je op de pagina komt je dan meteen div1 ziet
( werkend voorbeeld : www.oortjeshop.nl/siteloek2.html )
[JS]var divopen = false;
function toggleDiv(divid) {
if(divopen == false) {
if(document.getElementById(divid).style.display == 'none') {
document.getElementById(divid).style.display = 'block';
divopen = true;
opendiv = divid;
}
} else {
if(document.getElementById(divid).style.display == 'none') {
document.getElementById(divid).style.display = 'block';
document.getElementById(opendiv).style.display = 'none';
divopen = true;
opendiv = divid;
} else {
document.getElementById(divid).style.display = 'none';
document.getElementById(opendiv).style.display = 'none';
divopen = false;
}
}
}[/JS]
[XML]<div class="links">
<ul>
<a href="#linkdiv2" onclick="toggleDiv('div2')" id="linkdiv2" name="linkdiv2">rekenmachine</a>
</ul>
<ul>
<a href="#linkdiv3" onclick="toggleDiv('div3')" id="linkdiv3" name="linkdiv3">bij de bakker</a>
</ul>
<ul>
<a href="#linkdiv4" onclick="toggleDiv('div4')" id="linkdiv4" name="linkdiv4">parkeergrage</a>
</ul>
<ul>
<a href="#linkdiv1" onclick="toggleDiv('div1')" id="linkdiv1" name="linkdiv1">terug</a>
</ul>
</ul>
</div>[/XML]
( werkend voorbeeld : www.oortjeshop.nl/siteloek2.html )
[JS]var divopen = false;
function toggleDiv(divid) {
if(divopen == false) {
if(document.getElementById(divid).style.display == 'none') {
document.getElementById(divid).style.display = 'block';
divopen = true;
opendiv = divid;
}
} else {
if(document.getElementById(divid).style.display == 'none') {
document.getElementById(divid).style.display = 'block';
document.getElementById(opendiv).style.display = 'none';
divopen = true;
opendiv = divid;
} else {
document.getElementById(divid).style.display = 'none';
document.getElementById(opendiv).style.display = 'none';
divopen = false;
}
}
}[/JS]
[XML]<div class="links">
<ul>
<a href="#linkdiv2" onclick="toggleDiv('div2')" id="linkdiv2" name="linkdiv2">rekenmachine</a>
</ul>
<ul>
<a href="#linkdiv3" onclick="toggleDiv('div3')" id="linkdiv3" name="linkdiv3">bij de bakker</a>
</ul>
<ul>
<a href="#linkdiv4" onclick="toggleDiv('div4')" id="linkdiv4" name="linkdiv4">parkeergrage</a>
</ul>
<ul>
<a href="#linkdiv1" onclick="toggleDiv('div1')" id="linkdiv1" name="linkdiv1">terug</a>
</ul>
</ul>
</div>[/XML]