hi @ all,
habe ein menue gemacht, das sich durch ul:houver öffnet(das untermenue^^). Das funktioner natürlich leider nicht beim IE! so jetzt eine lösung für den IE(java-script). ich möchte aber nicht das ich bei jedem menuepunkt onmousouver="funktionxyz" bzw. out machen muss. "style.display ="block" oder "none" ist das was ich möchte aber nichts im html next^^:mrgreen:
so eine javascript lösung habe ich bereits bekommen...ich verstehe sie nur leider nciht^^!
Bitte um eure hilfe
mfg jacob
so jetzt nur nocht der html text^^
habe ein menue gemacht, das sich durch ul:houver öffnet(das untermenue^^). Das funktioner natürlich leider nicht beim IE! so jetzt eine lösung für den IE(java-script). ich möchte aber nicht das ich bei jedem menuepunkt onmousouver="funktionxyz" bzw. out machen muss. "style.display ="block" oder "none" ist das was ich möchte aber nichts im html next^^:mrgreen:
so eine javascript lösung habe ich bereits bekommen...ich verstehe sie nur leider nciht^^!
Bitte um eure hilfe
mfg jacob
HTML:
<!--[if IE]>
<script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
function hoverIE() {
var LI = document.getElementById("Navigation").firstChild;
do {
if (sucheUL(LI.firstChild)) {
LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
}
LI = LI.nextSibling;
}
while(LI);
}
function sucheUL(UL) {
do {
if(UL) UL = UL.nextSibling;
if(UL && UL.nodeName == "UL") return UL;
}
while(UL);
return false;
}
function einblenden() {
var UL = sucheUL(this.firstChild);
UL.style.display = "block"; UL.style.backgroundColor = "#eee";
}
function ausblenden() {
sucheUL(this.firstChild).style.display = "none";
}
window.onload=hoverIE;
}
</script>
<![endif]-->
HTML:
<div id="Tmenu">
<ul id="Navigation">
<li><a id="aktuell" href="#Beispiel">Seite 1</a>
<ul>
<li><span>aktuelle Seite</span></li>
<li><a href="#Beispiel">Seite 1b</a></li>
<li><a href="#Beispiel">Seite 1c</a></li>
<li><a href="#Beispiel">Seite 1d</a></li>
</ul>
</li>
<li><a href="#Beispiel">Seite 2</a></li>
<li><a href="#Beispiel">Seite 3</a>
<ul>
<li><a href="#Beispiel">Seite 3a</a></li>
<li><a href="#Beispiel">Seite 3b</a></li>
<li><a href="#Beispiel">Seite 3c</a></li>
</ul>
</li>
<li><a href="#Beispiel">Seite 4</a></li>
</ul>
<div></div>
</div>
Zuletzt bearbeitet: