jeudi 30 avril 2015

Bootstrap Akkordeon-Menü - Übergabe von IDs an Unterpunkte

Hallo zusammen,

ich habe gerade gefühlte zwei Stunden recherchiert, um eine Lösung für mein Problem zu finden und hoffe nun, dass mir jemand von euch vielleicht auf die Sprünge helfen könnte:

Realisiert werden soll ein Akkordeon-Menü mit Bootstrap. Mein Problem hierbei ist nun bei, dass ich im ersten Menü-Sublevel (bei 2.stdWrap.dataWrap) den Linkwert aus dem darüberliegenden <a> Tag bräuchte.

Code:

1 = TMENU
    1 {
    expAll = 1
   
    NO.allWrap = <li>|</li>
    NO.ATagTitle.field = abstract // description // title
   
    ACT = 1
    ACT.wrapItemAndSub = <li class="active">|</li>
    ACT.ATagTitle.field = abstract // description // title
   
    IFSUB = 1
    IFSUB.before.dataWrap = <a href="#collapse-{field:uid}" data-parent="#menu-bar" data-toggle="collapse">
    IFSUB.after = <b class="caret"></b></a>
    IFSUB.doNotLinkIt = 1
    IFSUB.wrapItemAndSub = <li class="panel dropdown">|</li>
    IFSUB.ATagTitle.field = abstract // description // title
   
    ACTIFSUB = 1
    ACTIFSUB.before.dataWrap = <a href="#collapse-{field:uid}" data-parent="#menu-bar" data-toggle="collapse">
    ACTIFSUB.after = <b class="caret"></b></a>
    ACTIFSUB.doNotLinkIt = 1
    ACTIFSUB.wrapItemAndSub = <li class="panel dropdown active">|</li>
    ACTIFSUB.ATagTitle.field = abstract // description // title
   
    }
   
    2 = TMENU
    2 {
    expAll = 1
   
   
    ACT = 1
    ACT.wrapItemAndSub = <li class="active">|</li>
    ACT.ATagTitle.field = abstract // description // title
   
    ACTIFSUB = 1
    ACTIFSUB.wrapItemAndSub = |
    ACTIFSUB.before = <li class="divider"></li><li class="nav-header">
    ACTIFSUB.after = </li>
    ACTIFSUB.doNotLinkIt = 1
    ACTIFSUB.ATagTitle.field = abstract // description // title
   
    NO.allWrap = <li>|</li>
    NO.ATagTitle.field = abstract // description // title
   
    IFSUB = 1
    IFSUB.before = <li class="divider"></li><li class="nav-header">
    IFSUB.after = </li>
    IFSUB.doNotLinkIt = 1
    IFSUB.ATagTitle.field = abstract // description // title
   
    SPC = 1
    SPC.allWrap = <li class="divider"></li><li class="nav-header">|</li>
   
    stdWrap.dataWrap = <ul class="panel-collapse collapse" id="collapse-{field:uid}">|</ul>
   
   
    }

Wahrscheinlich klingt das Ganze u.U. ein wenig verwirrend - daher hier nocheinmal mein Wunsch-HTML Output an der relevanten Stelle:

HTML-Code:

<li class="panel dropdown">

    <a class="collapsed" data-toggle="collapse" data-parent="#menu-bar" href="#collapse-1" aria-expanded="false">

        Internationales

        <b class="caret"></b>
    </a>
    <ul id="collapse-1" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;"></ul>

</li>

Also <ul id="xxx"> soll den Wert des darüberliegenden <a href"xxx"> bekommen.


Hoffe es ist einigermaßen verständlich - bin für jeden Denkanstoß dankbar.


Bootstrap Akkordeon-Menü - Übergabe von IDs an Unterpunkte

Aucun commentaire:

Enregistrer un commentaire