[TYPO3] Tmenu seperated div per entrylevel

Peter Klein peter at umloud.dk
Mon Oct 22 09:23:30 CEST 2007


Hi Gijs.

It's a good idea to post your JS code here, and maybe also on 
http://www.typo3wizard.com
as I already posted the TS code for the menu there..
http://www.typo3wizard.com/en/snippets/menus/menu-als-unnested-lists.html#c496


-- 
Peter Klein/Umloud Untd


"Gijs Epping" <gijs.epping at efocus.nl> skrev i en meddelelse 
news:mailman.1.1192517886.24551.typo3-english at lists.netfielders.de...
> hello peter,
>
> The menu is working great, i only needed to rebuild a part of the 
> javascript so it is working in ie7, firefox, and safari now only ie6 and 
> then it's ready.
>
> If you need the partly rebuilded javascript (with mootools) let me know.
>
> Thanks again
> Gijs
>
>
> Peter Klein schreef:
>> Hi Gijs.
>> Here's a TS snippet I made a couple weeks ago, trying to emulate the 
>> setup of the menu at:
>> http://joehewitt.com/files/iphone/navigation.html
>>
>> It uses the page ids for generating the CSS ids.
>> If a page has subpages, then the CSS id is added as section (#), 
>> otherwise it just links to the page.
>>
>> -- cut --
>> lib.iPhoneMenu = COA
>> lib.iPhoneMenu {
>>
>>  # Example TypoScript setup for creating a menu as un-nested lists.
>>  # For use with the CSS/JS setup found at 
>> http://joehewitt.com/files/iphone/navigation.html
>>
>>  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
>>   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
>> -- cut --
>>
>> --
>> Peter Klein / Umloud Untd.
>>
>> "Gijs Epping" <gijs.epping at efocus.nl> wrote in message 
>> news:mailman.1.1191848878.11546.typo3-english at lists.netfielders.de...
>>> is there somebody who can give me an example of unested menu tree's?
>>>
>>> i can't find any, but may be i'am just looking wrong.
>>>
>>> regards Gijs
>>>
>>>
>>> Gijs Epping schreef:
>>>> Thanks Thomas,
>>>>
>>>> I tryed them and indeed it's like i want but i still can't figure out 
>>>> how to seprate the menu tree's into div's
>>>>
>>>> Regards Gijs
>>>>
>>>> Tomas Mrozek schreef:
>>>>> My wild guess is that it's possible.
>>>>> http://www.typo3wizard.com/en/snippets/menus/numbered-menu/visual-example-for-numbered-menu.html
>>>>> http://www.typo3wizard.com/en/snippets/menus/numbered-menu.html
>>>>>
>>>>> You would have to change it and include the numbers in the menu wraps.
>>>>>
>>>>> You can start playing with the example or wait if someone generously 
>>>>> provides you with an exact solution.
>>>>>
>>>>> Tomas Mrozek
>> 



More information about the TYPO3-english mailing list