Zum Inhalt springen

Menü mit 3 Ebenen Wrap um 2 und 3 Ebene

Erstellt am 21. Juli 2011 · Noch keine Antworten

Tags: Frage

PBö ·

Guten Tag Forum,

ich baue momentan an einem Menü und habe ein Problem mit der zweiten und dritten Ebene.
Die erste Eben sitzt getrennt von den anderen Beiden und da wird auch alles nach meinen Wünschen angezeigt.

Bild: bildermonster24.de/…/517_nav_grafik.gif

Das Bild zeigt das Menü wie es aussehen soll.

Der HTML Code sieht folgendermaßen aus:

1. Ebene

<ul class="sc_nav">
    <li class="sc_nav_link">
        <a href="#">Ebene1</a>
    </li>
    <li class="sc_nav_link">
       <a href="#">Ebene1</a>
    </li>
    <li class="sc_nav_link">
       <a href="#">Ebene1</a>
    </li>
</ul>

2. Ebene & 3. Ebene

<div class="sc_nav_second">
    <div id="ebene1" class="sc_link_second clearfix">
        <div class="col">
	    <a href="#">Ebene2:</a>
            <ul>
                <li>
                    <a href="#">Ebene3</a>
                </li>
                <li>
                    <a href="#">Ebene3</a>
                </li>
                <li>
                    <a href="#">Ebene3</a>
                </li>
            </ul>
        </div>
	<div class="col">
	    <a href="#">Ebene2:</a>
            <ul>
                <li>
                    <a href="#">Ebene3</a>
                </li>
                <li>
                    <a href="#">Ebene3</a>
                </li>
                <li>
                    <a href="#">Ebene3</a>
                </li>
            </ul>
        </div>
	<div class="col">
	    <a href="#">Ebene2:</a>
            <ul>
                <li>
                    <a href="#">Ebene3</a>
                </li>
                <li>
                    <a href="#">Ebene3</a>
                </li>
                <li>
                    <a href="#">Ebene3</a>
                </li>
            </ul>
        </div>
    </div>
</div>

TypoScript

lib.nav = HMENU
lib.nav {
    entryLevel = 0
    wrap = <ul class="sc_nav">|</ul>
  1 = TMENU
  1 {
    expAll = 1
    NO = 1
    NO.wrapItemAndSub = <li>|</li>
    
    CUR = 1
    CUR < .NO
	
    ACT = 1
    ACT < .CUR
  }
}

lib.nav_second = HMENU
lib.nav_second {
    entryLevel = 1
    1 = TMENU
    1 {
        expAll = 1
	wrap = <div class="sc_link_second clearfix">|</div>
	NO = 1
	NO.wrapItemAndSub = <div class="col">|</div>

	CUR = 1
   	CUR < .NO

	ACT = 1
	ACT < .CUR
    }
	
    2 = TMENU
    2 {		
	wrap = <ul>|</ul>
	NO = 1
	NO.linkWrap = <li>|</li>
   
	CUR = 1
  	CUR < .NO
	
        ACT = 1
	ACT < .CUR
    }
}
<div id="ebene1" class="sc_link_second clearfix"></div>

ist der Wrap für die zweite und dritte Ebene der Navigation und wäre im Falle des Bilds 3 mal vorhanden. Leider wird dieses Div nur einmal dargestellt und zwar nur einmal für die Unterseiten der aktuell angewählten Seite, der ersten Ebene.
Die Navigation wird mit Javascript gesteuert und das funktioniert auch alles. Nur leider schaffe ich es nicht sie im TypoScript zu strukturieren.

Schonmal danke im Voraus,

Gruß Pbö