[TYPO3-english] problem with TMENU
Patrik
paprikb at gmail.com
Wed Nov 12 08:58:01 CET 2008
how make menu, which has a different class (images)
HTML code:
ex. first level:
HOME
BLOG
FORUM
GALLERY
EVENTS
<ul>
<li><img="corner-yellow.jpg"></li>
<li><a href="">HOME</a></li>
<li><img="corner-yellow.jpg"></li>
<li><a href="">BLOG</a></li>
<li><img="corner-yellow.jpg"></li>
<li><a href="">FORUM</a></li>
<li><img="corner-yellow.jpg"></li>
<li><a href="">GALLERY</a></li>
<li><img="corner-yellow.jpg"></li>
<li><a href="">EVENTS</a></li>
<li class="corner-yellow-down"/>
</ul>
ex. menu with 2.level:
HOME
BLOG
FORUM
post1
post2
post3
GALLERY
EVENTS
<ul>
<li><img="corner-yellow.jpg"></li>
<li><a href="">HOME</a></li>
<li><img="corner-yellow.jpg"></li>
<li><a href="">BLOG</a></li>
<li><img="corner-green.jpg"></li>
<li class="green"><a href="">FORUM</a></li>
<li class="seperator green"/>
<li class="second-menu"><a href="">post1</a></li>
<li class="seperator green"/>
<li class="second-menu"><a href="">post2</a></li>
<li class="seperator green"/>
<li class="second-menu"><a href="">post3</a></li>
<li><img="corner-green.jpg"></li>
// -> not work in TS menu, does not change class but taken
"corner-yellow.jpg"
<li><a href="">GALLERY</a></li>
<li><img="corner-yellow.jpg"></li>
<li><a href="">EVENTS</a></li>
<li class="corner-yellow-down"/>
</ul>
-> if the last click then changed last class
ex: click on EVENTS
...
<li><img="corner-green.jpg"></li>
<li class="green"><a href="">EVENTS</a></li>
<li class="corner-green-down"/>
-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*-
my TS code:
CONSTANTS:
temp.leftMenu {
imagePath = fileadmin/page/images
leftImgNO = corner-yellow.jpg
rightImgNO = corner-yellow.jpg
leftImgACT = corner-green.jpg
rightImgACT = corner-green.jpg
}
SETUP:
temp.leftMenu = COA
temp.leftMenu {
wrap = <ul> | <li class="corner-yellow-down"/></ul> //this change if
user click on last element (class: corner-green-down) ?
10 = HMENU
10.special = directory
10.special.value = 257
#first level
10.1 = TMENU
10.1 {
NO {
# Enabled if this menuitem is LEFT of the active menuitem
before.cObject = IMAGE
before.cObject.file =
{$temp.leftMenu.imagePath}{$temp.leftMenu.leftImgNO}
before.cObject.wrap = <li>|</li>
#wrap link
linkWrap = <li>|</li>
}
ACT < .NO
ACT = 1
ACT {
before.cObject = IMAGE
before.cObject.file =
{$temp.leftMenu.imagePath}{$temp.leftMenu.leftImgACT}
linkWrap = <li class="green">|</li>
}
}
#second level
10.2 = TMENU
10.2.NO {
wrapItemAndSub = <li class="seperator green"/><li
class="second-menu">|</li>
}
}
Best regards,
Patrik
More information about the TYPO3-english
mailing list