Zum Inhalt springen

Vertical List Menu

Erstellt am 3. Mai 2007 · 10 Antworten · letzte Antwort am 3. Mai 2007

Tags: Frage

NickD ·

hallo zusammen,

ich probiere nun schon stundenlang, komme aber nicht zum erfolg #angry#
das problem:

ich brauche ein listen menü, welche vertical angelordnet sein muss.
dies sollte genau so aussehen, wie auf typo3.net. ein überpunkt und beim klick auf diesen erscheinen erst die unterseiten. ich suche schon die ganze zeit per google, leider werde ich nicht fündig. kann mir jemand sagen, wie ich so ein menü mit ts hinbekomme?

lg, nick

NickD ·

erstmal danke für die schnelle antwort...
leider kann ich auf der seite kein menü finden, was dem linken auf dieser seite entspricht. kannst du mir vielleicht ein genauen link posten!?

ich habe momentan auch ein listenmenü:

lib.sitemap = COA
lib.sitemap {
  stdWrap.prefixComment = 2 | lib.sitemap
  10 = HMENU
  10.special = directory
  10.special.value.field = pages
  10.1 = TMENU
  10.1 {
    wrap = <ul class="nav">|</ul>
    noBlur = 1
    expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
  }
  10.2 = TMENU
  10.2 {
    wrap = <ul class="sub">|</ul>
    noBlur = 1
    expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
   }
     10.3 = TMENU
     10.3 {
            wrap = <ul class="sub2">|</ul>
            noBlur = 1
            expAll = 1
            NO {
                 wrapItemAndSub = <li>|</li>
                 ATagTitle.field = description // title
                }
           }
  10.3 < .10.1
  10.4 < .10.1
  10.5 < .10.1
}

wie ich das menü style ist mir bereits bekannt. ich weiß nur nicht, wie ich es so umsetze, das die unterseiten erst sichtbar sind, wenn ich auf die elternseite klicke!

NickD ·

ich habe nun ein menü gefunden, was meinen vorstellungen entspricht.
http://css.maxdesign.com.au/listamatic2/vertical05.htm#

das problem ist jetzt nur, das umsetzen des html-codes in ts.
bis jetzt habe ich die erste menüstrukur erfolgreich ausgegeben.

mein ts:

lib.sitemap = COA
lib.sitemap {
  stdWrap.prefixComment = 2 | lib.sitemap
  10 = HMENU
  
  10.special = directory
  10.special.value.field = pages
  
  10.1 = TMENU
  10.1 {
    
    wrap =  <div id="navcontainer"> <ul id="navlist">|</ul></div>
    noBlur = 1
    expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
  }
  10.2 = TMENU
  10.2 {
    wrap = <ul class="sub">|</ul>
    noBlur = 1
    expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
   }
     10.3 = TMENU
     10.3 {
            wrap =  <ul id="subnavlist">|</ul>
            noBlur = 1
            expAll = 1
            NO {
                 wrapItemAndSub = <li>|</li>
                 ATagTitle.field = description // title
                }
           }
  10.3 < .10.1
  10.4 < .10.1
  10.5 < .10.1
}

nur weiß ich nun nicht, wie ich die subbseiten einbaue, da sie quasi verschachtelt im li liegen. hat jemand eine idee?

p.s.: noch eine frage, wie schaffe ich es, das beim klick auf eine subseite, nicht von einer neuen ebene ausgegangen wird? also das menü soll dann so bleiben -ausgeklappt - und nicht von der subseite neu ausgehen. muss ich dafür jeweils ein ext-template erstellen oder wie macht man das?

NickD ·

ich habe nun jeweils haupt und subseiten richtig aufgelistet.
nun möchte ich, das die subseiten nicht angezeigt werden, außer an befindet sich auf der elternseite. wenn ich dann auf die subseite klicke, soll das menü auf der ebene so bleiben wie es ist.

mein ts:

lib.sitemap = COA
lib.sitemap {
  stdWrap.prefixComment = 2 | lib.sitemap
  10 = HMENU
  
  10.special = directory
  10.special.value.field = pages

  10.1 = TMENU
  10.1 {
    
    wrap =  <div id="navcontainer"> <ul id="navlist">|</ul></div>
    noBlur = 1
    expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
  }
  10.2 = TMENU
  10.2 {
    wrap = <ul id="subnavlist">|</ul>
    noBlur = 1
    expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
   }

  10.3 < .10.2
  10.4 < .10.2
  10.5 < .10.2
}
NickD ·

ich habe nun expAll und die zeile 10.special.value.field = pages rausgenommen.
nun erscheinen nur die hauptseiten....wenn ich nun auf eine seite klicke, welche eine unterseite besitzt, besteht das menü nur noch aus dieser unterseite.

lib.sitemap = COA
lib.sitemap {
  stdWrap.prefixComment = 2 | lib.sitemap
  10 = HMENU
  
  10.special = directory
  #10.special.value.field = pages

  10.1 = TMENU
  10.1 {
    
    wrap =  <div id="navcontainer"> <ul id="navlist">|</ul></div>
    noBlur = 1
    #expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
  }
  10.2 = TMENU
  10.2 {
    wrap = <ul id="subnavlist">|</ul>
    noBlur = 1
    #expAll = 1
    NO {
      wrapItemAndSub = <li>|</li>
      ATagTitle.field = description // title
    }
   }

  10.3 < .10.2
  10.4 < .10.2
  10.5 < .10.2
}