Ergebnis 1 bis 2 von 2
  1. #1
    Teilnehmer ist offline Grünschnabel
    registriert
    25-11-2008
    Beiträge
    1

    Mal wieder Auklappmenü - unendlich viele Ebenen

    Hallo zusammen,

    wollte ein Ausklappmenü realisieren, welches theoretisch für unendlich viele Untermenüs funktioniert. Geht nicht und ich sehe den Fehler nicht. Vllt. sieht jemand, woran es liegt und kann mir einen Tipp geben ?
    Danke schon mal.
    Viele Grüße, Teilnehmer

    Code:
    if(window.navigator.systemLanguage && !window.navigator.language) {
    
    
      function hoverIE() {
    
        var LI = document.getElementById("Navigation").firstChild;
        nextMenu (LI);
      }
      
      /**********************************/
      function nextMenu (LI) {
             do {
                  var ul = sucheUL (LI.firstChild);
       
                  if (ul != false) {
                     LI.onmouseover = einblenden;
                     LI.onmouseout = ausblenden;
                     nextMenu (ul.firstChild);
    
                  }
                  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 = "#525659";
        
       // Untermenüs ausblenden, da die Eigenschaft vererbt wird ?
        var LI = UL.firstChild;
        var ul1 = sucheUL (LI.firstChild);
        do {
              if (ul1) {
                     ul1.style.display = "none";
                     ul1.style.backgroundColor = "#525659";
              }
              LI = LI.nextSibling;
        }while (LI);
    
      }
       /**********************************/
       function ausblenden() {
        sucheUL(this.firstChild).style.display = "none";
      }
    
    
      /**********************************/
      function getTree (n,s) {
             if (n==null) {
               return s;
             }else{
               s=getTree (n.parentNode,s+">>"+n.nodeName);
               return s;
             }
    
      }
    
      window.onload=hoverIE;
    
    }

  2. #2
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: Mal wieder Auklappmenü - unendlich viele Ebenen

    Zitat Zitat von Teilnehmer Beitrag anzeigen
    ..wollte ein Ausklappmenü realisieren, welches theoretisch für unendlich viele Untermenüs funktioniert.
    Der gepostete Code stellt lediglich einen funktionierenden Hover-Effekt bei IE sicher und funktioniert auch.

    Zusätzliche Untermenüpunkte musst Du in Deinem HTML einfügen, z.B. so:
    PHP-Code:
    <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>
            <
    li><a href="#Beispiel">Seite 1e</a></li>
            <
    li><a href="#Beispiel">Seite 1f</a></li>
            <
    li><a href="#Beispiel">Seite 1g</a></li>
            <
    li><a href="#Beispiel">Seite 1h</a></li>
            <
    li><a href="#Beispiel">Seite 1i</a></li>
            <
    li><a href="#Beispiel">Seite 1j</a></li>
          </
    ul>
        </
    li>
        <
    li><a href="#Beispiel">Seite 2</a>
     <
    ul>
            <
    li><span>aktuelle Seite</span></li>
            <
    li><a href="#Beispiel">Seite 2b</a></li>
            <
    li><a href="#Beispiel">Seite 2c</a></li>
            <
    li><a href="#Beispiel">Seite 2d</a></li>
            <
    li><a href="#Beispiel">Seite 2e</a></li>
            <
    li><a href="#Beispiel">Seite 2f</a></li>
            <
    li><a href="#Beispiel">Seite 2g</a></li>
            <
    li><a href="#Beispiel">Seite 2h</a></li>
            <
    li><a href="#Beispiel">Seite 2i</a></li>
            <
    li><a href="#Beispiel">Seite 2j</a></li>
          </
    ul>
    </
    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
    Eine komplette Anleitung habe ich bei Google auf dem 5. Platz gefunden.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

Ähnliche Themen

  1. Ein- und Ausblenden von Ebenen (divs)
    Von AndiB im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 02-11-2005, 07:37
  2. Antworten: 9
    Letzter Beitrag: 29-11-2004, 12:33
  3. mit PS alle Ebenen ausblenden
    Von bine im Forum Grafik
    Antworten: 6
    Letzter Beitrag: 10-09-2003, 21:49
  4. Skalierung mehrerer Ebenen?
    Von Nonens im Forum Grafik
    Antworten: 7
    Letzter Beitrag: 05-11-2002, 10:04
  5. Ladereihenfolge von Ebenen
    Von geis im Forum Allgemeines
    Antworten: 1
    Letzter Beitrag: 01-04-2002, 13:49

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •