dimanche 15 mars 2015

Menu TypoScript

Hallo Zusammen,



mit Hilfe des folgenden TypoScripts wird ein Navigations-Menü erstellt, welches schon fast alle Elemente beinhaltet:



marks . MENU_TOPPAGE = COA

marks . MENU_TOPPAGE {

50 = HMENU

50 {

special = directory

special . value = {$PG_ID_MENU_TOPPAGE }

1 = TMENU

1 {

wrap = < ul class = "topmenu " id = "menu_top " > | < /ul >

expAll = 1

NO {

wrapItemAndSub = < li class = "topmenu " > | < /li >

stdWrap . htmlSpecialChars = 1

stdWrap . htmlSpecialChars . preserveEntities = 1

}

ACT < .NO

ACT = 1

ACT {

wrapItemAndSub = < li class = "topmenu_active " > | < /li >

}

}

2 < .1

2 {

wrap = < div class = "submenu " > < div class = "column " > < ul > | < /ul > < /div > < /div >

expAll = 1

NO {

wrapItemAndSub = < li > | < /li >

}

}

3 < .2

3 . wrap = < div class = "submenu " > < div class = "column " > < ul > | < /ul > < /div > < /div >

4 < .3

4 . wrap = < div class = "submenu " > < div class = "column " > < ul > | < /ul > < /div > < /div >

5 < .4

5 . wrap = < div class = "submenu " > < div class = "column " > < ul > | < /ul > < /div > < /div >

}

}



Die Ausgabe im HTML-Code schaut so aus:



<ul class="topmenu" id="menu_top">

<li class="topmenu_active">

<a href="index.php?id=4">

Homepage

</a>

<div class="submenu">

<div class="column">

<ul>

<li>

<a href="index.php?id=14">

Test Unterseite Test langer Eintrag

</a>

<div class="submenu">

<div class="column">

<ul>

<li>

<a href="index.php?id=18">

dritte Ebene

</a>

</li>

</ul>

</div>

</div>

</li>

</ul>

</div>

</div>

</li>

<li class="topmenu">

<a href="index.php?id=5">

Aktivitäten

</a>

</li>

<li class="topmenu">

<a href="index.php?id=7">

Was bieten wir an

</a>

</li>

<li class="topmenu">

<a href="index.php?id=11">

Spende

</a>

</li>

<li class="topmenu">

<a href="index.php?id=16">

Kontakt

</a>

<div class="submenu">

<div class="column">

<ul>

<li>

<a href="index.php?id=17">

Anfahrt

</a>

</li>

<li>

<a href="index.php?id=10">

Impressum

</a>

</li>

</ul>

</div>

</div>

</li>

</ul>







Nun zu meinem Anliegen:



Falls zu einem Link weitere Untermenüs folgen, sollte das Element "a" in ein span-Element eingebettet werden. Auf diese Weise wird via css ein geeigneter Pfeil o.ä. neben dem Link platziert.



Das Ergebnis sollte ausschnittweise so aussehen:



<div class="column">

<ul>

<li>

<span>

<a href="index.php?id=14">

Test Unterseite Test langer Eintrag

</a>

</span>

<div class="submenu">



Kann mir jemand erklären, wie man feststellen kann, ob einem Menü-Eintrag weitere Sub-Einträge vorhanden sind?





Menu TypoScript

Aucun commentaire:

Enregistrer un commentaire