Zum Inhalt springen

Submenü anzeigen (ohne JavaScript)?

Erstellt am 17. Juli 2011 · 4 Antworten · letzte Antwort am 18. Juli 2011

Tags: Frage

Marc Gee ·

Hallo,

wie krieg ich das Submenü angezeigt ohne JavaScript nur per CSS und TypoScript...

Ich glaub sowas geht mit RO.

Hier das bisherige TypoScript:

subparts.NAVIGATION = HMENU
subparts.NAVIGATION {

special = directory
special.value = 8

1 = TMENU
1 {
wrap = <ul class="menu">|</ul>
        // a Link im Normalzustand
NO.linkWrap = <li>|</li> 
NO = 1   
ACT < .NO
ACT = 1
ACT.linkWrap = <li class="act">|</li>  

}
  ### ZWEITE EBENE###
2 = TMENU
2 {
wrap = <ul class="sub">|</ul>
NO.allWrap= <li>|</li>
}
}
SomehowLost ·

Hallo,

ich bin mir sicher, dass Du ohne JavaScript hier nicht auskommen wirst. Auch ein DropDown Menu nur über TS erstellt, erzeugt entsprechende JavaScript Funktionen. Der Grund: Nicht alle Browser sind in der Lage, hover auf andere Elemente als zu beziehen anstatt nur Links, geschweige denn ganze Teile ein und ausblenden zu lassen.

Dennoch der Vollständigkeit halber hier ein Kurzbeispiel für ein DropDown Menu:

ul li.klassenname ul { position: absolute; display: none; }
ul li.klassenname:hover ul { display: block;}

Damits hübsch wird, muss Du das natürlich noch anpassen.

Ich hoffe das hat einigermaßsen geholfen, wenn nicht, einfach melden

Viele Grüße und viel Erfolg

Marc Gee ·

Danke, habs ausprobiert.

Aber es wird leider immernoch keine Ebene 2 ausgebeben.

Was muss ich an meinem TypoScript ändern? Vielen Dank!

SomehowLost ·

Versuch das mal: (ggf. anpassen und wie immer ohne Gewähr 😉

subparts.NAVIGATION = HMENU
subparts.NAVIGATION {

  special = directory
  special.value = 8

  1 = TMENU
  1 {
    expAll = 1
    wrap = <ul class="menu">|</ul>
    NO = 1
    NO {
      wrapItemAndSub= <li>|</li>
    }
  }
  2 = TMENU
  2 {
    expAll = 1
    wrap = <ul class="sub">|</ul>
    NO = 1
    NO {
      wrapItemAndSub= <li>|</li>
    }
  }
}

Viele Grüße

Marc Gee ·

DANKE für die super Hilfe!!

Im Quellcode wirds schon mal richtig eingefügt, aber angezeigt wird nix.
Komisch...

#angry#