JavaScript Jumpmenü (Dropdown)

Folgendes TypoScript-Snippet erstellt eines jener JavaScript-Jumpmenüs, die wie eine Art Sitemap funktionieren, jedoch als Dropdown-Menü. Mit Klick auf eine der Seiten springt man automatisch auf die gewählte Seite.

Folgend das TypoScript. Anzupassende Variablen folgen danach.

marks.DROPDOWN_NAVI = COA
  marks.DROPDOWN_NAVI {
  10 = HMENU
  10 {
     special = directory
     special.value = 1
     wrap = <div><select name="dropdown_navi" class="quickjump" size="1" onChange="document.location.href='index.php?id=' + this.value"> | </select></div>
 
     1 = TMENU
     1 {
       expAll = 1
       noBlur = 1
       NO {
         stdWrap.dataWrap = <option value="{field:uid}">
         allWrap = | </option>
         doNotLinkIt = 1
       }
       CUR = 1
       CUR {
         stdWrap.dataWrap = <option value="{field:uid}" selected="selected">
         allWrap = | </option>
         doNotLinkIt = 1
       }
     }
  }
  }

Hier die einzige anzupassende Variable.

6	special.value = 1

Hier wird die ID der Seite eingetragen, deren Unterseiten im Dropdown angezeigt werden sollen.

UPDATE 26.08.2007:

Viel einfacher geht es auch.

marks.DROPDOWN_NAVI = HMENU
marks.DROPDOWN_NAVI {
  special = directory
  special.value = 1
  1 = JSMENU
  1.target = _blank
  1.firstLabelGeneral = Sprung zu Seite
}

4	special.value = 1

Hier wird die ID der Seite eingetragen, deren Unterseiten im Dropdown angezeigt werden sollen.

Get Shareaholic

Über den Autor

Dieser Beitrag wurde von Oliver Schlöbe verfasst. Er arbeitet als Web- und (TYPO3-)-Entwickler, schreibt redaktionell über Windows Vista/ Windows 7, ist aktives Mitglied bzw. Administrator oder Moderator in diversen Webforen, darunter die TYPO3- und WordPress-Communities, und sammelt seine bisherigen Erweiterungen für diverse Systeme unter http://extend.schloebe.de/
Bei Fragen nutzen Sie die Kommentare oder wenden Sie sich an info@typo3.schloebe.de.