javaS dropdown menu IE anzeigefehler
Von: , Frage gestellt am Fr, 8. Feb 2008
Moin Moin
Ich kenne mich kein Bisschen mit Java-script aus und habe den QC für die Dropdownfunktion kopiert und bearbeitet.
Firefox zeigt alles richtig an, im Gegensatz zum Explorer. Hier sind die Menu-unterpunkte schon sichtbar und der Browser reagiert nicht auf den Onmouseover Befehl. Wäre nett wenn mich Jemand korrigiert oder mir eine bessere Lösung zeigt.
Code(JavaS+css):
<head>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
div#navi {
border-style:outset;
border-color:#999999;
background-color:#aaaaaa;
border-width:0.5em;
width:10em;
margin-bottom:3em;
}
ul#navi {
list-style:none; position:absolute; top:258px; left:170px; z-index:100;
}
ul#navi2 {
list-style:none; position:absolute; top:213px; left:170px; z-index:101;
}
ul#navi3 {
list-style:none; position:absolute; top:400px; left:170px; z-index:102;
}
dt#navi {
cursor:pointer;
}
</style>
</head>
--------------------------------------------------------------------
Code(html):
<body>
<!--1. mouseover--!>
<div id="navi">
<dl>
<dt id="navi" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();"><a id="navi" href="">menupunkt</a></dt>
<dd id="smenu2">
<ul id="navi2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">
</dd>
</dl>
<!--2. mouseover--!>
<dl>
<dt id="navi" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();"><a href="">menupunkt</a></dt>
<dd id="smenu1">
<ul id="navi" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();">
</dd>
</dl>
<!--3. mouseover--!>
<dl>
<dt id="navi" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();"><a id="navi" href="">menupunkt</a></dt>
<dd id="smenu3">
<ul id="navi3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">
</dd>
</dl>
</div>
</body>
MFG Alex