Hjælp til Dropdown-menu
Hej!Jeg har lavet mig en dropdown menu...
Men den virker ikke...
Det, jeg har lavet indtil nu, er:
<script language="JavaScript1.2">
<!--
var md=250;
var ti=-1;
var hans=null;
function clearMenu(targetBox) {
if(hans!=null) {
if (document.getElementById(targetBox).style.visibility == "visible") {
document.getElementById(targetBox).style.visibility="hidden";
hans=null;
}
}
}
function closeAll() {
document.getElementById('box1').style.visibility="hidden";
document.getElementById('box2').style.visibility="hidden";
document.getElementById('box3').style.visibility="hidden";
document.getElementById('box5').style.visibility="hidden";
}
function go(targetBox) {
clearTimeout(ti);
if (document.getElementById(targetBox).style.visibility == "hidden") {
closeAll();
document.getElementById(targetBox).style.visibility="visible";
hans=1;
}
}
-->
</script>
og ....
<div id="menu">
<ul>
<li class="left"></li>
<li><a href="#" onMouseOver="go('box1');">
Klubben</a></li>
<li><a href="#" onMouseOver="go('box2');">
Medlem</a></li>
<li><a href="#" onMouseOver="go('box3');">
Træning</a></li>
<li><a href="#">
Opslagstavlen</a></li>
<li><a href="#" onMouseOver="go('box5');">
Aktiviteter</a></li>
<li class="right"></li>
</ul>
<div id="box1" class="submenu" style="left:12px;">
<div class="shadow">
<ul>
<li><a href="#"> » Hvem er vi?</a></li>
<li><a href="#"> » Hvor er vi?</a></li>
<li><a href="#"> » Tilbage til Forsiden </a></li>
</ul>
</div>
</div>
<div id="box2" class="submenu" style="left:82px;">
<div class="shadow">
<ul>
<li><a href="#"> » Bliv medlem</a></li>
<li><a href="#"> » Til nye medlemmer </a></li>
</ul>
</div>
</div>
<div id="box3" class="submenu" style="left:151px;">
<div class="shadow">
<ul>
<li><a href="#"> » Træning</a></li>
<li><a href="#"> » Juniorer</a></li>
<li><a href="#"> » Børnetræning</a></li>
<li><a href="#"> » Reservation af baner </a></li>
</ul>
</div>
</div>
<div id="box5" class="submenu" style="left:338px;">
<div class="shadow">
<ul>
<li><a href="#"> » Tennislejr</a></span></li>
<li><a href="#"> » Aktivitetskalender </a></span></li>
</ul>
</div>
</div>
</div>
Problemet er når div'ene skal skjules igen ...
Jeg har prøvet med onmouseout="ti=setTimeout('clearMenu(\'box1\')',md);" på både a, div og ul ...
Nogen der kan hjælpe?
På forhånd tak!!
//MikkelM
