Neuen Menütyp definieren

In diesem kleinem Tutorial wird gezeigt, wie man einen neuen Menütyp definiert.

In diesem Beispiel soll ein Dropdown - Menü (Selectbox) aus den Unterseiten verschiedener Seiten erzeugt werden. Dabei sollen die Bereiche eine Optgroup sein, und die Unterseiten Einträge darin, bei Auswahl eines Eintrages soll automatsch auf die entsprechende Seite gesprungen werden.

Schritt 1:

Mit Hilfe von TSConfig einen neuen Eintrag im Inhaltselement "Menü/Sitemap" erzeugen:

TCEFORM.tt_content.menu_type.addItems.15 = spezielles Sendungsdropdown

 

Schritt 2:

Mit Hilfe von TypoScript dieses neue Menü im TS-Objekt tt_content.menu.20 definieren. Da die Anforderungen an das Menü nicht ganz trival sind ist die Konstruktion des Dropdownmenüs mit Hilfe eines TMENU ein wenig Tricky:

tt_content.menu.20.15 = HMENU
//tt_content.menu.20.entryLevel=-1
tt_content.menu.20.15 {
special=list
special.value.field=pages
wrap (
<script type="text/javascript">
<!--
function Go(x) {
if(x != "") {
window.location.href = x;
document.forms[0].reset();
document.forms[0].elements[0].blur();
}
}
//-->
</script>
<form><select name="programm"
onChange="Go(this.form.programm.options[this.form.programm.options.selectedIndex].value)">
|</select></form>
)

1=TMENU
1.NO.allWrap=|">
1.NO.wrapItemAndSub=<optgroup label="|</optgroup>
1.NO.doNotLinkIt=1
1.expAll=1

2=TMENU
2.NO.doNotLinkIt=1
2.NO.before=

2.NO.before {
typolink.parameter.data=field:uid
typolink.returnLast=url
}
2.NO.before.wrap=<option value="|">
2.NO.allWrap=|</option>

blog comments powered by Disqus
  1. Björn http://www.mojo-web.de 18.03.10 20:33

    Genau das, was ich gesucht habe. Vielen Dank dafür.

  2. rene 26.09.09 22:13

    Wirklich eine schöne Selectbox mit einem noch schöneren TypoScript. Aber wie bekomme ich in das TS einen *vorselektierten*Eintrag - vorselektierter Eintrag ?

  3. Lars 24.06.08 10:02

    Super, danke für die Hilfe!
    www.studioneun.de ist auch super!

  4. A.Jendrysik http://www.artgraphix.de 21.01.08 19:39

    Danke,
    genau das habe lange ich gesucht!

    Toller Blog :)

  5. Stefan http://www.sbihl.de 28.01.07 20:42

    Tricky? Ich würde eher sagen durchdacht ;-)

    Auf jeden Fall war Dein Kurztuturial sehr hifreich für mich - danke.

  6. Der Klempner 15.12.06 08:20

    Cooles Howto. Konsquent wäre, im Noscript-Bereich noch was zu rendern, das greift, wenn kein Javascript zur Verfügung steht.

    my 2 cent
    Der Klempner

  7. Thomas Schwarzer http://www.thomasschwarzer.de 13.11.06 18:24

    Perfekt. Macht einfach Spaß mit Typo3 zu arbeiten - so noch mehr :)
    Gruß, Thomas

  8. OMG http://www.omg.de 13.10.06 12:08

    Wirklich gut erklärt, schönes Tutorial.
    @Martin
    Wieso sollte man die Farben nicht auswählen können? Den TypoScript kann man erweitern oder bau in die Wraps die entsprechenden Klassen/IDs ein (css).

  9. Stefan Wertheim http://www.schwarzer.de 21.09.06 09:17

    Sehr hilfreicher Artikel. Hat mir einige Sucharbeit erspart. Danke.

    Gruß
    Stefan

  10. Martin http://- 17.08.06 11:52

    Sehr cool!!! Ehrlich!

    Jetzt müsste man nur noch dieses Menü etwas anpassen können (Farbe, Schriftgrösse etc.)

blogroll