Hi Leute,
ich hoffe hier findet sich ein Experte, der die Lösung für das Problem hat, an dem ich schon seit 3 Wochen festhänge. In diversen anderen Foren weiß auch niemand weiter :o.
Und zwar folgendes:
Das Hauptmenü befindet sich bei mir als horizontales Menü unter dem Header. Dieses wurde mit css formatiert und per TypoScript eingefügt. Das funktioniert auch alles ohne Probleme.
EIN Punkt des horizontalen Menüs hat 5 Untermenüpunkte, die sich als vertikales Menü öffnen sollen wenn man auf diesen Menüpunkt klickt. Bei allen anderen Menüpunkten solls ich auch kein Untermenü öffnen.
Nochmal verdeutlicht:
- Horizontalmenüpunkt A (-> keine Untermenüpunkte)
- Horizontalmenüpunkt B (-> keine Untermenüpunkte)
- Horizontalmenüpunkt C (-> 5 Untermenüpunkte 1, 2, 3, 4, 5)
- Horizontalmenüpunkt D (-> keine Untermenüpunkte)
- Horizontalmenüpunkt E (-> keine Untermenüpunkte)
Ich habe das ganze nun folgendermaßen per TypoScript eingerichtet:
TypoScript Main-Template
page = PAGE
page.typeNum = 0
page.stylesheet = uploads/tf/style.css
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = uploads/tf/template.html
workOnSubpart = DOCUMENT_BODY
}
page.10.subparts.HORIZONTAL_NAVI < tmp.HORIZONTALNAVIGATION
page.10.subparts.VERTIKAL_NAVI < tmp.VERTIKALNAVIGATION
page.10.subparts.INHALT_MITTE < styles.content.get
page.10.subparts.NEWS_BLOCK < styles.content.getRight
Für die beiden Navigationen (HORIZONTAL_NAVI, VERTIKAL_NAVI) habe ich jeweils 2 weitere Templates erstellt (liegen im von mir erstellten Systemordner des Projektes).
TypoScript Code für die Horizontale Navigation:
tmp.HORIZONTALNAVIGATION = HMENU
tmp.HORIZONTALNAVIGATION {
1 = TMENU
1.wrap = <ul class="cssmenu"> | </ul>
1 {
NO {
wrapItemAndSub = <li> | </li>
}
ACT = 1
ACT {
wrapItemAndSub = <li class="cssmenu_active> | </li>
}
CUR = 1
CUR {
wrapItemAndSub = <li class="cssmenu_current_active> | </li>
}
}
}
Und hier der TypoScript-Code für das vertikale Sub-Menü:
tmp.VERTIKALNAVIGATION = HMENU
tmp.VERTIKALNAVIGATION {
entryLevel = 1
wrap = <div id="navcontainer"> | </div>
special = directory
special.value = 75
1 = TMENU
1 {
wrap = <ul> | </ul>
NO = 1
NO.wrapItemAndSub = <li> | </li>
}
}
}
Geh ich jetzt auf die Startseite in meinem Frontend sieht es so aus wie es aussehen soll. Die horizontale Navigation ist da und funktioniert, die vertikale ist NICHT da. Diese soll sich ja NUR öffnen wenn man auf Menülink C klickt. Tut sie sogar auch!!!
Leider öffnet sie sich aber auch wenn man auf B, D oder E klickt (nur bei einem Klick auf die Startseite ist das Menü wieder weg).
Ich bekomme es einfach nicht hin!!! #angry#
Habe soeben auch mal getestet was passiert wenn ich dem Menüpunkt B auch mal testweise 2 Untermenüpunkte (sprich: Unterseiten) hinzufüge. Hier werden dann ebenfalls die o.g. Untermenüpunkte angezeigt, und nicht die neu hinzugefügten.
Irgendwo hakt es an meinem Menü also ganz gewaltig.
Ich hoffe hier hat jemand noch ne Idee, ansonsten muss ich in der Hinsicht wohl langsam aufgeben o.O