Zum Inhalt springen

Navigation mit Dropdown

Erstellt am 13. Juni 2013 · 1 Antwort · letzte Antwort am 14. Juni 2013

Tags: Frage

gentle ·

Hi Leute,

ich habe eine Navigation in TypoScript und möchte da falls eine Seite weitere Unterseiten hat im Menu dann ein DropDown einfügen.
Ich habe das nun versucht umzusetzen und es scheint auch fast alles zu funktionieren.
Nur wenn ich dann auf eine Unterseite im DropDown anklick wird es nicht mehr richtig angezeigt. Das Problem ist das dann der innere <ul class="dropdown-menu"> zwei mal gesetzt wird.
Aber irgendwie weiß ich nicht so richtig wie ich das lösen kann.

Hier erstmal der HTML Code für das Menu.

<ul class="nav">
   <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            Test0
            <b class="caret"></b>
       </a>
       <ul class="dropdown-menu">
             <li class=""><a href="#">DropwDownItem1</a></li>
        </ul>
     </li>
     <li class="active"><a href="#">Test1</a></li>
     <li><a href="#about">Test2</a></li>
     <li><a href="#contact">Test3</a></li>
</ul>

Und mein TypoScript:

lib.menu = HMENU
lib.menu {
  special = list
  special.value = 3,2

  1 = TMENU
  1 {
    wrap = <ul class="nav">|</ul>
    expAll = 1
    NO.wrapItemAndSub = <li class="">|</li>
    RO < .NO
    RO = 1
    CUR < .NO
    CUR = 1
    CUR.wrapItemAndSub = <li class="active">|</li>
    ACT < .CUR

    IFSUB = 1
    IFSUB.wrapItemAndSub= <li class="dropdown">|</li>
    IFSUB.ATagParams = class="dropdown-toggle" data-toggle="dropdown"
    IFSUB.stdWrap.innerWrap= |<b class="caret"></b>
    ACTIFSUB = 1
    ACTIFSUB.wrapItemAndSub= <li class="dropdown">|</li>
    ACTIFSUB.ATagParams = class="dropdown-toggle" data-toggle="dropdown"
    ACTIFSUB.stdWrap.innerWrap= |<b class="caret"></b>
    CURIFSUB = 1
    CURIFSUB.wrapItemAndSub= <li class="dropdown">|</li>
    CURIFSUB.ATagParams = class="dropdown-toggle" data-toggle="dropdown"
    CURIFSUB.stdWrap.innerWrap= |<b class="caret"></b>
  }

  2 = TMENU
  2 {
    wrap = <ul class="dropdown-menu">|</ul>
    expAll = 1
    NO = 1
    NO.wrapItemAndSub = <li>|</li>
  }
}
toifel ·

Das Typoscript sieht auf den ersten Blick korrekt aus und funktioniert in einer 6.0.6 Installation wie gewünscht - welche Typo Version ist denn im Einsatz und gibt es einen Link zu einer Live Version?
Sieht stark nach Bootstrap aus.. evtl. ein JavaScript was noch dazwischen funkt?