Zum Inhalt springen

Dropdown Menu wie bei Germanwings

Erstellt am 3. Juli 2007 · 7 Antworten · letzte Antwort am 5. Juli 2007

Tags: JavaScript & AJAX, Frage

krist ·

Hallo zusammen,

ich brauche für ein Projekt eine Navi die so funktioniert wie z.B. bei Germanwings.

Selectbox1 -> startfluhafen auswählen
Selectbox2 -> je nach startflghafen kommen dann nur bestimmte zielflughäfen.

In meinem Fall wäre das:
Selectbox1 -> navigationsebene 1
Selectbox2 -> ja nach auswal die darunterliegende naviebene...

Hat jemand ne Idee?

Gruß

Krist

Julian.​Hofmann ·

Hallo Krist.

Spontan würde ich damit beginnen, dass Du für alle Untermenüs die Select-Boxen schon in HTML rausschreiben lässt, aber nur in Abhängikeit von der Auswahl in Navi-Ebene1 per Javascript ein/ausblendest. Dürfte hinhauen.

Viele Grüße
Julian

krist ·

Hallo Julian,

danke für den Tip, würdest Du das ganze mit TypoScript
umsetzen?

Gruß

Krist

krist ·

Ist das nicht komplex, vor allem wenn eine 3. navi ebene dazukommt?

Leider fehlt mir ein ansatz, kann man alle menupunkte ohne
ein menu zu erstellen (tmenu oder gmenu) per typoscript abfragen?

Grüße aus ulm

Julian.​Hofmann ·
krist schrieb

Ist das nicht komplex, vor allem wenn eine 3. navi ebene dazukommt?

Irgendwann wird's sicherlich etwas viel versteckter HTML-Code. Die Alternative wäre irgendwie per Ajax...

krist schrieb

Leider fehlt mir ein ansatz, kann man alle menupunkte ohne
ein menu zu erstellen (tmenu oder gmenu) per typoscript abfragen?

Warum willst Du kein menü erstellen, wenn es doch eines ist? Du müsstest nur die Wraps entsprechend anpassen, dass etwas in der Form <option value="PID">Menüpunkt</option> entsteht und um die ganze Ebene ein <select...> liegt.

Unbekannter Benutzer ·

Also ich würd mir um die dritte Ebene keine Sorgen machen... Die Frage ist halt, wieviele Menüpunkte es dann insgesamt werden und danach entscheiden, ob du Ajax benutzen willst. Konstruktionen mit Typoscript und Ajax sind problemlos möglich, allerdings steigt der Komplexitätsgrad an und es dauert natürlich länger einen AJAX Request zu machen als einfach nur die verteckten Punkte einzublenden. Das muss man dann gegen eine längere Ladezeit am Anfang aufrechnen...

Grüße

Christian