---
title: "Slide Menu mit optionSplit"
url: "https://www.typo3.net/d/16951-slide-menu-mit-optionsplit"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2004-10-16"
last_reply: "2004-10-17"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Slide Menu mit optionSplit

TYPO3 › Menüs · 2 Antworten · gestartet 2004-10-16

## Eröffnungsbeitrag

**Alex Weber** · 2004-10-16 · [Beitrag #1](https://www.typo3.net/d/16951-slide-menu-mit-optionsplit/1)

Ich möchte dieses Menü von Typo generieren lassen <http://82.165.8.199/slide/> . Der HTML Code der dazu benötigt wird sieht so aus:

```html
<ul id="nav">

 <li id="menu1Container"><span><a href="#">Item 1</a>
  <ul id="menu1Content">
   <li><span><a href="#">Sub Item 1</a></span></li>
   <li><span><a href="#">Sub Item 2</a></span></li>
   <li><span><a href="#">Sub Item 3</a></span></li>
   <li><span><a href="#">Sub Item 4</a></span></li>
  </ul></span></li>

 <li id="menu2Container"><span><a href="#">Item 2</a>
      <ul id="menu2Content">
        <li><span><a href="#">Sub Item 1</a></span></li>
        <li><span><a href="#">Sub Item 2</a></span></li>
        <li><span><a href="#">Sub Item 3</a></span></li>
        <li><span><a href="#">Sub Item 4</a></span></li>
        <li><span><a href="#">Sub Item 5</a></span></li>
        <li><span><a href="#">Sub Item 6</a></span></li>
        <li><span><a href="#">Sub Item 7</a></span></li>
      </ul></span></li>

    <li id="menu3Container"><span><a href="#">Item3</a> 
      <ul id="menu3Content">
        <li><span><a href="#">Sub Item 1</a></span></li>
        <li><span><a href="#">Sub Item 2</a></span></li>
        <li><span><a href="#">Sub Item 3</a></span></li>
        <li><span><a href="#">Sub Item 4</a></span></li>
      </ul></span></li>

    <li id="menu4Container"><span><a href="#">Item 4</a>
      <ul id="menu4Content">
        <li><span><a href="#">Sub Item 1</a></span></li>
        <li><span><a href="#">Sub Item 2</a></span></li>
        <li><span><a href="#">Sub Item 3</a></span></li>
        <li><span><a href="#">Sub Item 4</a></span></li>
        <li><span><a href="#">Sub Item 5</a></span></li>
      </ul></span></li>

    <li id="menu5Container"><span><a href="#">Item 5</a>
      <ul id="menu5Content">
        <li><span><a href="#">Sub Item 1</a></span></li>
        <li><span><a href="#">Sub Item 2</a></span></li>
        <li><span><a href="#">Sub Item 3</a></span></li>
        <li><span><a href="#">Sub Item 4</a></span></li>
        <li><span><a href="#">Sub Item 5</a></span></li>
      </ul></span></li>

    <li id="menu6Container"><span><a href="#">Item 6</a></span></li>

  </ul>
```

Um die menu1-6Container hochzählen zu lassen habe ich optionSplit verwendet, das sieht in meinem Setup so aus:

```typoscript
beforeWrap = |<li id="menu1Container"><span>||<li id="menu2Container"><span>||<li id="menu3Container"><span>||<li id="menu4Container"><span>||<li id="menu5Container"><span>||<li id="menu6Container"><span>
```

Ich dachte das ich das jetzt mit den menu1-6Content auch so machen könnte, aber es will nichts werden. Ich bekomme die ID der verschachtelten UL nicht gesetzt. Kann man an dieser Stelle überhaupt mit optionSplit ansetzen?

```typoscript
subparts.nav.2.wrap = <ul id="menu1Content">|</ul>
```

Hier nochmal der gesamte Setup Codes des Menüs:

```typoscript
  subparts.nav = HMENU
  subparts.nav.entryLevel = 0
  subparts.nav.1 = TMENU
  subparts.nav.1 {
  expAll = 1
    noBlur = 1
    CUR = 1
    ACTIFSUB = 1
  }

  subparts.nav.1.NO {
beforeWrap = |<li id="menu1Container"><span>||<li id="menu2Container"><span>||<li id="menu3Container"><span>||<li id="menu4Container"><span>||<li id="menu5Container"><span>||<li id="menu6Container"><span>
linkWrap = |
doNotShowLink = 1
before.cObject = TEXT
before.cObject.field = uid
before.cObject.dataWrap = <a href="index.php?id= |" accesskey ="{field:tx_govaccessibility_accesskey}" title="{field:title}:{field:subtitle} - Accesskey:{field:tx_govaccessibility_accesskey}">
after.cObject = TEXT
after.cObject.field = title//nav_title
after.cObject.htmlSpecialChars = 1
after.cObject.wrap = |</a>
wrapItemAndSub = | </span></li>
  }

  subparts.nav.1.CUR {
beforeWrap = <li id="menu1Container"><span> |
linkWrap = |
doNotShowLink = 1
before.cObject = TEXT
before.cObject.field = uid
before.cObject.dataWrap = <a href="index.php?id= |" accesskey ="{field:tx_govaccessibility_accesskey}" title="{field:title}:{field:subtitle} - Accesskey:{field:tx_govaccessibility_accesskey}">
after.cObject = TEXT
after.cObject.field = title//nav_title
after.cObject.htmlSpecialChars = 1
after.cObject.wrap = |</a>
wrapItemAndSub = | </span></li>
  }


  subparts.nav.1.ACTIFSUB {
beforeWrap = <li id="menu1Container"><span> |
linkWrap = |
doNotShowLink = 1
before.cObject = TEXT
before.cObject.field = uid
before.cObject.dataWrap = <a href="index.php?id= |" accesskey ="{field:tx_govaccessibility_accesskey}" title="{field:title}:{field:subtitle} - Accesskey:{field:tx_govaccessibility_accesskey}">
after.cObject = TEXT
after.cObject.field = title//nav_title
after.cObject.htmlSpecialChars = 1
after.cObject.wrap = |</a>
wrapItemAndSub = | </span></li>
  }

  subparts.nav.1.wrap = <ul id="nav">|</ul>

  subparts.nav.2 = TMENU
  subparts.nav.2 {
    noBlur = 1
    CUR = 1
    ACTIFSUB = 1
  }

  subparts.nav.2.NO {
beforeWrap = <li><span> |
linkWrap = |
doNotShowLink = 1
before.cObject = TEXT
before.cObject.field = uid
before.cObject.dataWrap = <a href="index.php?id= |" accesskey ="{field:tx_govaccessibility_accesskey}" title="{field:title}:{field:subtitle} - Accesskey:{field:tx_govaccessibility_accesskey}">
after.cObject = TEXT
after.cObject.field = title//nav_title
after.cObject.htmlSpecialChars = 1
after.cObject.wrap = |</a>
wrapItemAndSub = | </span></li>
  }

 subparts.nav.2.wrap = <ul id="menu1Content">|</ul>

}
}
```

Eigentlich geht es mir nur um den Slideeffekt. Hat jemand sowas schonmal umgesetzt? Ich möchte aber kein GMENU verwenden!

## Antworten

### [#2](https://www.typo3.net/d/16951-slide-menu-mit-optionsplit/2) · jenses · 2004-10-16

Ein Beispiel dafür gibt es hier :

[/d/15065-wwwmeadede](https://www.typo3.net/d/15065-wwwmeadede)

Wenn du es benutzen willst, mußt du allerdings noch einiges anpassen.
Funktioniert auf jeden Fall.

viele Grüße
jenses

### [#3](https://www.typo3.net/d/16951-slide-menu-mit-optionsplit/3) · Alex Weber · 2004-10-17

mittlerweile bin ich auch auf euren beitrag zu meade gestoßen. gefällt mir aber gar nicht, was aber wohl haupsächlich daran liegen dürfte, dass ich es damit auch nicht hinbekommen habe  ;) ,  und mit gmenu wollte ich auch nicht arbeiten.

allerdings habe ich bei meinen versuchen, einen anderen weg gewählt um den nötigen html code von oben zu erzeugen, und es klappt schon viel besser, hier zu sehen <http://82.165.8.199/typo3cms_3/homepage/index.php?id=926>

der setup code dazu:

```typoscript
subparts.nav_1 = HMENU
subparts.nav_1.excludeUidList = 925
subparts.nav_1 {
  entryLevel = 0

     1 = TMENU
     1 {
        wrap = |
        expAll = 1
        IFSUB = 1
        IFSUB.allWrap = <li id="menu1Container"><span>|</span><ul id="menu1Content">
        NO.linkWrap = <li ="menu1Container"><span>|</span></li>
}

     2 = TMENU
     2 {
       wrap =  | </ul></li>
       expAll = 1
       IFSUB = 1
       IFSUB.allWrap = <li><span>|</span><ul id="menu1Content">
       NO {
          linkWrap = <li><span>|</span></li>  
          RO = 1
             }
       }

      3 < .2
      4 < .2
      5 < .2
      6 < .2
}


subparts.nav_2 = HMENU
subparts.nav_2.excludeUidList = 926
subparts.nav_2 {
  entryLevel = 0

     1 = TMENU
     1 {
        wrap = |
        expAll = 1
        IFSUB = 1
        IFSUB.allWrap = <li id="menu2Container"><span>|</span><ul id="menu2Content">
        NO.linkWrap = <li ="menu2Container"><span>|</span></li>
}

     2 = TMENU
     2 {
       wrap =  | </ul></li>
       expAll = 1
       IFSUB = 1
       IFSUB.allWrap = <li><span>|</span><ul id="menu2Content">
       NO {
          linkWrap = <li><span>|</span></li>  
          RO = 1
             }
       }

      3 < .2
      4 < .2
      5 < .2
      6 < .2
}
```

(der setup code ist aus einem anderen template kopiert und noch nicht an seine jetzige funktion angepasst)
der erste versuch von oben gefällt mir eigentlich viel besser, und wäre auch wesentlich eleganter und auch dynamischer, wenn er denn funktionieren würde.  o.O

das html template:

```html
###document###

<ul id="nav">
<!--###nav_1####-->
<!--###nav_1####-->
<!--###nav_2####-->
<!--###nav_2####-->
</ul>

###document###
```

dazu gehören dann noch die css und das javascript.

---

Quelle: „Slide Menu mit optionSplit“, typo3.net, https://www.typo3.net/d/16951-slide-menu-mit-optionsplit
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.