12.3 Zustände von Menüeinträgen erkennen und individuell formatieren
Problem
Sie wollen ein einfaches, textbasiertes Menü mit semantisch korrektem HTML-Code erzeugen. Dabei sollen die verschiedenen Zustände der Menüeinträge berücksichtigt werden. Jeder Zustand soll eine individuelle Formatierung per CSS erhalten.
Lösung
Verwenden Sie die Objekte HMENU und TMENU sowie die Parameter wrap
, allWrap
und wrapItemAndSub
. Fügen Sie außerdem die verschiedenen Zustände NO
, IFSUB
, ACT
, CUR
und CURIFSUB
ein.
Dieser Code kommt in Ihr TS-Setup:
temp.basicMenu = HMENU temp.basicMenu { wrap = <div class="bM">|</div> entryLevel = 0 1 = TMENU 1 { expAll = 1 wrap = <ul>|</ul> NO = 1 NO { allWrap = <li class="bM_NO">|</li> } IFSUB = 1 IFSUB { wrapItemAndSub = <li class="bM_IFSUB">|</li> ...
Get TYPO3 Kochbuch now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.