flo1: Problem: dynamisches Menü mit IE - mehrstufig

Beitrag lesen

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