---
title: "DropDown Menue"
url: "https://www.typo3.net/d/9705-dropdown-menue"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2004-03-09"
last_reply: "2007-10-12"
replies: 12
solved: false
page: 1
pages: 1
lang: "de"
---

# DropDown Menue

TYPO3 › Menüs · 12 Antworten · gestartet 2004-03-09

## Eröffnungsbeitrag

**Roland K.​** · 2004-03-09 · [Beitrag #1](https://www.typo3.net/d/9705-dropdown-menue/1)

Hallo zusammen,

ich suche gerade ein anständiges CMS und bin dabei auf Typo3 gestossen. Eine grundsätzliche Frage: Lassen sich mit Typo3 DropDown (oder pullDown oder wie auch immer)-Menues erstellen, die einen weich verlaufenden Schatten generieren, so wie in MacOs X Aqua-Oberfläche.

Ciao Roland

## Antworten

### [#2](https://www.typo3.net/d/9705-dropdown-menue/2) · maxhb · 2004-03-09

Hi!

> **Roland K. schrieb:**
>
> Lassen sich mit Typo3 DropDown (oder pullDown oder wie auch immer)-Menues erstellen, die einen weich verlaufenden Schatten generieren, so wie in MacOs X Aqua-Oberfläche.

Ja und Nein.
AFAIK gibt es kein Menu, das Deinen Wünschen entspricht und das man "mal eben so" einfügen könnte.
Wenn Du allerdings in der Lage sein solltest, mit HTML/CSS und Javascript so ein Menu ohne Typo3 zu erstellen, dann wirst Du es auch schaffen, solch ein Menu unter Typo3 zu generieren anderenfalls hast du leider Pech gehabt.

CU
 maxhb

### [#3](https://www.typo3.net/d/9705-dropdown-menue/3) · malk · 2004-03-10

HI.

Da es den Thread hier schon gibt, mache ich für meine Frage mal keinen neuen auf.

Ich wollte auch ein Dropdown Menü realisieren. Allerdings komme ich nicht so ganz weiter. Ich hatte vor das mit TypoScript HMENU, TMENU und stdWrap zu lösen, aber irgendwie fehlt mir der Ansatz. Ich bekomme zwar die Einträge die ich will, und die auch ohne Link (noLink), aber mir fehlt die ID der Seite, die ich davor ja wrappen muss.

Hat da jemand eine Idee oder eine Anregung für mich? Wäre super.

TIA,
Christian

### [#4](https://www.typo3.net/d/9705-dropdown-menue/4) · malk · 2004-03-10

So, ich habs. Falls es jemanden interessiert, hier ist mal mein Code:

```typoscript
temp.dropdown = HMENU
temp.dropdown {
  1 = TMENU
  1 {
    special = rootline
    special.range = 1|1

    wrap = <form name="dropdownmenu"><select name="aaa" size=1 onChange="openURL()"><option value="" selected> Seitenauswahl </option>|</input></form>
    subst_elementUid = 1
    NO {
      allWrap = |
      subst_elementUid = 1
      doNotLinkIt = 1
      linkWrap = <option value="index.php?id={elementUid}">|</option>
    }
  }
}
```

Dazu dann noch folgender Code im HTML Template Header:

```php
  <SCRIPT LANGUAGE="JavaScript"><!-- 
  function openURL()
  { 
  selInd = document.dropdownmenu.aaa.selectedIndex; 
  goURL = document.dropdownmenu.aaa.options[selInd].value;
  top.location.href = goURL; 
  }
  //--> 
  </SCRIPT>
```

Vielleicht hilft es ja jemandem.

### [#5](https://www.typo3.net/d/9705-dropdown-menue/5) · volleywolf · 2004-03-10

Hallo malk,

kann man das Menü auch in Aktion sehen?
Vielleicht postest Du mal Deine Internetadresse, würde mich freuen,

Gruß, Gerd

### [#6](https://www.typo3.net/d/9705-dropdown-menue/6) · malk · 2004-03-10

Das Projekt ist noch nciht abgeschlossen, deswegen ist der Server auch noch nicht im Internet. Wenn er das ist poste ich gerne mal die URL.

Die Seite dürfte so um den 23.3. rum online gehen.

Es geht um die Internetseite eines Autohauses. Für jede Marke gibt es eine eigene Unterseite. Auf der Startseite kann man diese Marken selektieren.
Das Dropdownmenü wird dafür verwendet, um von diesen Unterseiten aus in andere zu springen

### [#7](https://www.typo3.net/d/9705-dropdown-menue/7) · elv1s · 2004-10-05

Hallo,

also wir haben jetzt 05.10.2004.

Ist er jetzt online???

post doch mal dein URL

Danke
Gruss
Kasper

### [#8](https://www.typo3.net/d/9705-dropdown-menue/8) · malk · 2004-10-11

Ja klar  :D  Sogar schon was länger. Hab ganz vergessen hier zu posten.

<http://www.dresen.de/>

Das Menü ist meistens ganz unten auf der Seite.

### [#9](https://www.typo3.net/d/9705-dropdown-menue/9) · 4square · 2004-10-16

es gibt zwei möglichkeiten ein dropdown-menue zu erzeugen:

**1. als TMENU (ohne Javascript!):**

```typoscript
temp.dropdown = COA
temp.dropdown {
10 = HMENU
10.special = directory
10.special.value = 21
10.wrap = <form name="quickmenu" action=""><select name="pfad" onchange="window.location='index.php?id='+ document.quickmenu.pfad.options[document.quickmenu.pfad.selectedIndex].value" class="intranet_menu">|</select></form> 
10.1 = TMENU 
10.1 { 
    expAll = 1 
    NO { 
      allWrap = <option value="{elementUid}">|</option> 
      subst_elementUid = 1 
      doNotLinkIt = 1 
    } 
    CUR < .NO 
    CUR = 1 
    CUR.allWrap = <option value="{elementUid}">|</option> 
  } 
10.2 = TMENU 
10.2 { 
  expAll = 1 
    NO { 
      allWrap = <option value="{elementUid}">&nbsp;&nbsp;&nbsp;&zwnj;|</option> 
      subst_elementUid = 1 
      doNotLinkIt = 1 
    } 
CUR < .NO 
    CUR = 1 
    CUR.allWrap = <option value="{elementUid}" selected>&nbsp;&nbsp;&nbsp;&zwnj;|</option> 
 } 
}
```

die special-eigenschaft des menüs kann beliebig ausgewählt werden (directory, list etc.). es geht natürlich auch ohne...

**2. als JSMENU**

hier erzeugt typo3 selbständig das dropdown inkl. javascript.

```typoscript
temp.jsmenu = HMENU
temp.jsmenu.1 = JSMENU
temp.jsmenu.1 {
  levels = 2
  1.wrap = |<BR>
}
```

doku: <https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Index.html>

### [#10](https://www.typo3.net/d/9705-dropdown-menue/10) · flashswin · 2005-12-02

die 1.version von 4square hat ein paar kleine fehler, deshalb hier die verbesserte variante (so hat es bei mir dann aufjedenfall funktioniert):

```html
      temp.dropdown = COA
      temp.dropdown {
      10 = HMENU
      10.special = directory
      10.special.value = 21
      10.wrap = <form name="quickmenu" action=""><select name="pfad" onChange="window.location='index.php?id='+value" class="intranet_menu">|</select></form>
      10.1 = TMENU
      10.1 {
          expAll = 1
          NO {
            allWrap = <option value="{elementUid}">|</option>
            subst_elementUid = 1
            doNotLinkIt = 1
          }
          CUR < .NO
          CUR = 1
          CUR.allWrap = <option value="{elementUid}">|</option>
        }
      10.2 = TMENU
      10.2 {
        expAll = 1
          NO {
            allWrap = <option value="{elementUid}">   &zwnj;|</option>
            subst_elementUid = 1
            doNotLinkIt = 1
          }
      CUR < .NO
          CUR = 1
          CUR.allWrap = <option value="{elementUid}" selected>   &zwnj;|</option>
       }
      }
```

die 2. version hab ich nicht zum laufen bekommen. was muss man da beachten? wie kann man da das directory angeben?

### [#11](https://www.typo3.net/d/9705-dropdown-menue/11) · elv1s · 2006-03-07

Hallo,

wie sieht´s aus mit REAL URL.

Welche Einstellungen muss man da vornehmen?

ich bekomme nun folgende link

<http://www.domain.de/auto-marke/index.php?id=95>

dies sollte dann z.B. so aussehen...
<http://www.domain.de/auto-marke/bmw/>

viele Grüsse
Kasper Paulusma

### [#12](https://www.typo3.net/d/9705-dropdown-menue/12) · mitchiru · 2007-10-11

hier dasselbe mit realurl :-)

```typoscript
temp.dropdown = HMENU
temp.dropdown {
	special = directory
	special.value = {$quicklinks}
	wrap = <div class="quicklinks">|</div>
	1 = JSMENU
	1.target = _self
	1.firstLabelGeneral = Quicklinks
}
```

### [#13](https://www.typo3.net/d/9705-dropdown-menue/13) · ArminB · 2007-10-12

moin.

@4square

> 1. als TMENU (ohne Javascript!):

Dein erstes Beispiel arbeitet auch mit JS! Siehe die Zeile: onchange="window.location='index.php?id='+ document.quickmenu.pfad.options[document.quickmenu.pfad.selectedIndex].value"

Ohne JS geht das nur, wenn man einen submit ins Form mit einbaut.

Hier eine Möglichkeit ohne JSMENU so das alle stdWrap etc. von HMENU/TMENU erhalten bleiben; <http://typo3.intervation.de/snippets/menues/jumpmenue-quickmenue.html>

Armin

---

Quelle: „DropDown Menue“, typo3.net, https://www.typo3.net/d/9705-dropdown-menue
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.