TYPO3 Kochbuch

12.15 Ein einfaches Grafikmenü auf Basis einer ungeordneten Liste erstellen

Problem

Sie wollen ein einfaches grafikbasiertes Menü mit semantisch korrektem HTML-Code erzeugen.

Lösung

Verwenden Sie die Objekte HMENU und GMENU sowie die Parameter wrap und allWrap.

Dieser Code kommt in Ihr TS-Setup:

temp.basicMenu = HMENU
temp.basicMenu {
  wrap = <div class="bM">|</div>
  entryLevel = 0
  1 = GMENU
  1 {
   expAll = 1
   wrap = <ul>|</ul>
   NO = 1
   NO {
     allWrap = <li>|</li>
     XY = 100,20
     10 = TEXT
     10 {
      text.field = title
      offset = 5,15
     }
   }
   IFSUB < .NO
   IFSUB {
     allWrap = <li>|
   }
  }
  2 < .1
  2 {
   wrap = <ul>|</ul></li>
  }
  3 < .2
}

Und dieser in das TS-Setup Ihrer Seite:

page = PAGE
page.10 < temp.basicMenu

Diskussion

Das gezeigte Menü basiert auf der Urversion des zugänglichen Listenmenüs ...