TYPO3 – Tutorial für ein TMENU mit dynamischen IDs oder Klassen {field:uid}

Suchst du nach einem TYPO3 TMENU, was dynamische Klassen oder IDs vergeben kann? Dann bist du nun fündig geworden.  Dieses Typoscript erstellt für jeden Menüpunkt eine eigene Klasse oder ID, je nachdem was du gerade brauchst. Dieser Typoscript wird besonders oft in Verbindung für Javascriptslider benutzt.

Diese Code liest die Seitenuid aus und hängen diese an deine Klasse/ID an. Dies ist möglich durch die Abfrage {field:uid}. Diese liest direkt die UID aus Datenbank aus. Es ist auch möglich auf jedes beliebige weitere Feld der Tabelle pages zuzugreifen.

Hier nun der Script:

page.20 = HMENU
page.20{

	1 = TMENU
	1{
		expAll = 0
		wrap = <ul>|</ul>

		NO = 1
		NO {
			allWrap= <li class="menu{field:uid}" id="menu{field:uid}">|</li>
			allWrap.insertData=1
		}
	}

	2 < .1
}

Ergebnis sähe dann so aus:

<ul>
	<li class="menu2" id="menu2">
		<a href="index.php?id=2" onfocus="blurLink(this);"  >Seite 1</a>
	</li>
	<li class="menu3" id="menu3">
		<a href="index.php?id=3" onfocus="blurLink(this);"  >Seite 2</a>
	</li>
	<li class="menu4" id="menu4">
		<a href="index.php?id=4" onfocus="blurLink(this);"  >Seite 3</a>
	</li>
	<li class="menu5" id="menu5">
		<a href="index.php?id=5" onfocus="blurLink(this);"  >Seite 4</a>
	</li>
</ul>

Verbesserungsvorschläge oder Kritik? Dann schreibt mir

Author auf Google+: +Felix Habenicht