vis andet div ved mouse over
Hej E.Jeg er ved at bygge en menu via div's.
Men er stådt på et problem som jeg gerne ville have lidt hjælp til.
Jeg har et menupunkt.
Mår man føre musen over så vises et div. virker fint, når man fjerne musen forsvinder dic'et igen. virker fint.
Men når man føre musen over det div, som vises vis menupunktet så skal den vise et nyt div, unde at den selv forsvinder, som den gør nu via mouseout.
Med andre ord.... kan man ikke neste div's eller andet, således at man kan styre mange divs på en nem måde.??
Her er min kode:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<style type="text/css">
<!--
.demo {color:#000033; background-color:#cccccc; layer-background-color:#cccccc;
position:absolute; top:100px; left:100px; width:480px; height:280px;
z-index:99; visibility:hidden;}
.demo2 {color:#000033; background-color:#cccccc; layer-background-color:#cccccc;
position:absolute; top:50px; left:50px; width:280px; height:80px;
z-index:99; visibility:hidden;}
-->
</style>
<script type="text/javascript">
<!--
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{ var state = iState ? "visible" : "hidden";
if (state == "visible")
{
document.all[szDivID].style.visibility = iState ? "visible" : "hidden"; }
else
{
setTimeout("document.getElementById('" + szDivID + "').style.visibility = '" + state + "'", 1000);}
}
// -->
</script>
</head>
<body>
<div ID="testdiv" class="demo">
Put text, tables or any other HTML contents here, as you would put in
any other HTML page.
.....
..... and more.
</div>
<div ID="testdiv2" class="demo2" style="width: 134; height: 56" onMouseover="toggleBox('testdiv',1)", onmouseout="toggleBox('testdiv',0)");>
jkmi
</div>
<a href="#" onMouseover="toggleBox('testdiv',1);", onmouseout="toggleBox('testdiv',0)");>test</a>
<a href="#" onMouseover="toggleBox('testdiv2',1);", onmouseout="toggleBox('testdiv2',0)");>test2</a>
</body>
</html>
