Hier ist ein TypoScript Snippet das ich vor ein paar wochen erstellt habe um das Setup des Menüs von joehewitt.com/files/iphone/navigation.html nachzubauen.

Ich benutze die Seiten id zum Genererieren der CSS Ids.

Wenn die Seite unterseiten besitz, dann wird die CSS Id als Section (#) hinzugefügt, ansonsten einfach der Link auf die Seite.

lib.iPhoneMenu = COA
lib.iPhoneMenu {
   
  # Beispiel Typoscript setup zum erstellen eines Menüs als unnested list.
  # Zum Benutzen von dem CSS/JS auf http://joehewitt.com/files/iphone/navigation.html geeignet.
   
  wrap = <div class="iPhoneMenu"> | </div>
  10 = HMENU
  10.entryLevel = 0
   
  # 1st level
  10.1 = TMENU
  10.1 {
    stdWrap.dataWrap = <ul id="c{field:pid}" selected="true"> | </ul>
    expAll = 1
    NO {
      linkWrap = <li>|</li>
    }
    IFSUB < .NO - ERROR: Line 74: Object copied in this line "IFSUB < .NO" would leave either the value or properties untouched in TypoScript Version 1. Please check that this is not a problem for you.
    IFSUB = 1
    IFSUB.doNotLinkIt = 1
    IFSUB.stdWrap.typolink.parameter.data = page:uid
    IFSUB.stdWrap.typolink.section.field = uid
  }
   
  # 2nd level
  20 < .10
  20.1.stdWrap.dataWrap >
  20.1.NO.doNotShowLink = 1
  20.1.IFSUB.doNotShowLink = 1
  20.2 < .10.1
  20.2.stdWrap.dataWrap = <ul id="c{field:pid}"> | </ul>
   
  # 3rd level
  30 < .20
  30.2.stdWrap.dataWrap >
  30.2.NO.doNotShowLink = 1
  30.2.IFSUB.doNotShowLink = 1
  30.3 < .10.1
  30.3.stdWrap.dataWrap = <ul id="c{field:pid}"> | </ul>
   
  # 4th level
  40 < .30
  40.3.stdWrap.dataWrap >
  40.3.NO.doNotShowLink = 1
  40.3.IFSUB.doNotShowLink = 1
  40.4 < .10.1
  40.4.stdWrap.dataWrap = <ul id="c{field:pid}"> | </ul>
   
}

page.123 < lib.iPhoneMenu

Dieses Snippet wurde von Peter Klein eingesendet