Slide Menu mit optionSplit

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:

<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:

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?

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

Hier nochmal der gesamte Setup Codes des Menüs:

  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!

Ein Beispiel dafür gibt es hier :

#15065

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

viele Grüße
jenses

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:

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:

###document###

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

###document###

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