[derTom]

Hallo zusammen,

ich versuche onClick Menü zu erstellen und hänge gerade an einem entscheidenen Punkt:
Ich brauche für die Unterkategorien eine eindeutige ID damit ich per JavaScript drauf zugreifen kann.

Hier das angestrebte HTML:

<li><a onClick="showSub('subnavi_01'); return false;" id="navi_30">Aktuelles</a>
  <ul class="subnavisubnavi_01">
    <li><a href="index.php?id=37">News</a></li>
    <li><a href="index.php?id=43"  >Veranstaltungen</a></li>
    <li><a href="index.php?id=42"  >Presse</a></li>
  </ul>
</li>

Hier mein TS:

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30:

# Menu 1 cObject temp.navi = HMENU # First level menu-object, textual temp.navi.1 = TMENU temp.navi.1 { NO.wrapItemAndSub = <li>|</li>     # Normal state properties     # Enable active state and set properties: NO.subst_elementUid = 1 NO.doNotLinkIt = 1 NO.allWrap = <span onClick="showSub('???'); return false;" id="navi_{elementUid}"> | </span> ACT = 1 ACT.subst_elementUid = 1 ACT.allWrap = <li> | ACT.doNotLinkIt = 1 expAll = 1 noBlur = 1 } # Second level menu-object, textual temp.navi.2 = TMENU temp.navi.2 { subst_elementUid = 1 wrap = <ul class="subnavi_???"> | </ul> NO.allWrap = <li> | </li> ACT = 1 ACT.subst_elementUid = 1 ACT.allWrap = <li> | </li> noBlur = 1 }

Hat jemand zu diesem Problem einen Tipp/Codeschnipsel für mich oder so etwas ähnliches schon lösen müssen?

Vielen Dank schonmal!
Tom

[Space-Teddy]

du meinst im link oder im li ?
im li ist ja wohl klar denk ich ?
für ne klasse im link versuch mal

ATagParams = class=deineklasse

zb nach noblur=1 im secondlevel

[derTom]

Hi Space-Teddy,

da hab ich mich ein bisschen unglücklich ausgedrückt.
Ich hab jetzt einen Weg gefunden (Code aufräumen hilft auch mal ;-)), wie ich das realisieren kann.

Falls es jemand interessiert, hier das TS:

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31:

temp.navi = HMENU temp.navi.1 = TMENU temp.navi.1 { expAll = 1 noBlur = 1 } temp.navi.1.NO { wrapItemAndSub = <li>|</ul></li> subst_elementUid = 1 doNotLinkIt = 1 allWrap = <span onClick="manageDisplay('sub_{elementUid}');">| afterWrap = </span><ul class="subnavi" id="sub_{elementUid}" style="display:none"> } temp.navi.1.ACT = 1 temp.navi.1.ACT { subst_elementUid = 1 wrapItemAndSub = <li>|</ul></li> allWrap = <li> | </li> doNotLinkIt = 1 afterWrap = <ul class="subnavi" id="sub_{elementUid}"> } temp.navi.2 = TMENU temp.navi.2 { subst_elementUid = 1 NO.allWrap = <li> | </li> ACT = 1 ACT.subst_elementUid = 1 ACT.allWrap = <li style="padding-left:15px;"> | </li> noBlur = 1 }

Wenn man auf das erste Level klickt, fährt das zweite Level aus.