[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