Hi
ich habe für eine Homepage ein Menü gebastelt, das sich via CSS ausklappen lässt. (so ähnlich wie hier: http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern mit dem Unterschied, dass ich es etwas anders gelöst habe und vor allem: mein Menü kann bis zu 5 Untermenüs haben)
Auf jeden Fall funktioniert CSS-technisch alles (sonst hätte ich in den CSS Bereich geschrieben ;-) ), mein Problem steckt in der Umsetzung für den IE.
Nach längerer Suche und einigen Fehlversuchen bin ich auf die Javascript-Lösung hier auf selfhtml gestoßen (obriger Link). Nach einer Anpassung an meine Seite sah das ganze dann so aus:
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);
for(var i = 1; i < 6; i++){
var LI = document.getElementById("navi_sub_"+i).firstChild;
do {
if (sucheUL(LI.firstChild)) {
LI.onmouseover=einblenden2;
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.marginLeft = 0;
}
function einblenden2() {
var UL = sucheUL(this.firstChild);
UL.style.display = "block";
UL.style.marginLeft = -150;
}
function ausblenden() {
sucheUL(this.firstChild).style.display = "none";
}
window.onload=hoverIE;
}
~~~(hoffe das klappt mit der Formatierung, ist mein "erstes Mal" ;-)
Die erste Menüstufe, d.h. z.B. Hauptseite1 (immer sichtbar) -> Unterseite 1, klappt. Wenns jetzt tiefer geht im Menü , d.h. z.B. Hauptseite1 (immer sichtbar) -> Unterseite 1 -> Unterseite 2, passiert im IE nichts mehr...
Kann mir jemand sagen, wo mein (Denk-)Fehler liegt?
Glaube ich bin etwas "Betiebsblind" geworden...
Schönen Gruß,
Flo
Achso: "navigation" ist eine ul-Liste, die immer sichtbar ist, "navi\_sub\_1" bis "navi\_sub\_5" sind die einzelnen "unsichtbaren" Menüstufen... hoffe ich habe mich verständlich ausgedrückt