Navigation mit 2 DropDown Menüs

Hallo Gemeinde,

ich dachte ja, ich kann ein bischen TypoScript, HTML und CSS.
Falsch gedacht! Ich komme gerade zu keinem Ergebnis.

Meine Aufgabe ist es, ein Menü zu erstellen, welches aus 2 Dropdowns besteht.
Also ein Dropddown der ersten Ebene und ein Dropdown der 2. Ebene.
Wähle ich also im ersten DropDown einen Menüpunkt der ersten Ebene, soll man im zweiten DD die dazugehörigen Menüpunkte der 2. Ebene wählen können.

Das ganze soll also ungefähr so aussehen:

Dropdown1 | Dropdown2
[Seite 1] | [Seite 1a] (Seite 1b, Seite 1c, Seite 1n)
(Seite 2) | (Seite 2a, Seite 2b, Seite 2n)
(Seite n) | (Seite na, Seite nb, Seite nn)

Mit zwei "option-select" Formularen habe ich das auch hinbekommen. Nur lassen sich diese Formularfelder kaum stylen. (zumindest nicht so, wie gewünscht).

Ich habe diverse Listen-Menüs probiert, mit verschiedenen jquery-Scripts verbastelt - kein Ergebnis. (manchmal funkioniert zwar das Dropdown ganz wunderbar - nur wechselt Typo3 dann nicht die Seiten).

Ich steh grad auf dem Schlauch. #angry# Total. Weiß jemand Rat und Hilfe?

herzlich,
Chuonrad

Hallo Chuonrad,

es gibt da eine tolle Seite von Stu Nicholls,
auf der diverse CSS-Menüs vorgestellt werden.

Hier kannst du dir den HTML-Code sowie CSS anzeigen lassen und deine
TS entsprechend aufbauen / ausgeben.

Stu Nicholls CSS-Play

Hallo Chrissli,

vielen Dank für den Tip - da findet sich wirklich eine Menge. (Ich glaub, ich kannte die Seite sogar schon). Leider war das, was ich anstrebte, nicht dabei. Aber - wie das immer so ist - es verhalf mir auch zum neu Denken - und ich konnte die Aufgabe tatsächlich lösen. Mit etwas Javascript (Ajax), CSS und TypoScript.