TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen
Forum » TYPO3 CMS: TypoScript » Menüs

2 Menü zeile (Submenu) soll aktiviert sein, bzw. wie bekomme ich eine id in ein div


Autor Nachricht
Verfasst am: 27. 04. 2012 [13:17]
wolfgang70
Themenersteller
Dabei seit: 27.04.2012
Beiträge: 2
 Hallo,

ich habe ein etwas verzwicktes Problem. Ich habe eine Seite mit einem Hauptmenü (Ebene 1) und einem Submenü (Ebene 2). Referenzen steht dabei auf Ebene1 und g1/ref1/ref2 ist Ebene 2.

Zuerst habe ich mir die Seite in html gebaut und da sieht es so aus:
HTML
<ul class="select_active"><li><a href="#"><b>Referenzen</b></a>
 
				<div class="select_sub" id="active">
				<ul class="sub" >
					<li><a href="#" >g1</a></li>
					<li><a href="#">ref 1</a></li>
					<li><a href="#">ref 2</a></li>
 
				</ul>
			</div>
 
		</li>
		</ul>


Das will ich nun mit typoscript nachbauen. Die erste Ebene bleibt auch schön stehen, aber die zweite ist nicht da, weil mein typoscript:

TYPOSCRIPT
temp.menu_1 {
  1 = TMENU
  1 {
        expAll = 1
        noBlur = 1
 
        NO {
          wrapItemAndSub = <ul class="select"><li> | </li></ul>
          ATagBeforeWrap = 1
          linkWrap = <b> | </b>
         }
 
      ACT = 1
      ACT {
          wrapItemAndSub = <ul class="select_active"><li> | </li></ul>
          ATagBeforeWrap = 1
          linkWrap = <b> | </b>
    }
    }
 
  2 < .1
 
  2 = TMENU
  2 {
 
    noBlur = 1
 
    wrap =  <div class="select_sub"><ul class="sub"> | </ul></div>      
    NO = 1
    NO {
      linkWrap = <li>|</li>  
    }
 
    ACT <.NO
    ACT = 1
 
    ACT {
        linkWrap = <li >|</li>
      }
    }
 
  }
 
}


leider dieses html produziert:

HTML
<ul class="select_active"><li><a href="index.php?id=5"  ><b> referenzen </b></a>
<div class="select_sub">
	<ul class="sub">
		<ul class="select">
                   <li><a href="index.php?id=25"  ><li>Testtitel</li></a></li>
                </ul>
        </ul>
</div></li></ul>


Weiß jemand, wie ich die id="active" in das <div> bekomme? Und wo kommt das zweite
HTML
<ul class="select">
her?
Profil
Verfasst am: 28. 04. 2012 [23:22]
jazbo
Dabei seit: 29.04.2009
Beiträge: 33
 Hallo,

das

HTML
<ul class="select">


kommt aus den Zeilen:

TYPOSCRIPT
temp.menu_1.1.NO.wrapItemAndSub = <ul class="select"><li> | </li></ul>
 
# und dann Zwei als duplikat von 1 erzeugen
  2 < .1


entweder du verzichtest auf das 2 < .1 , oder den wrapItemAndSub später löschen:

TYPOSCRIPT
temp.menu_1.2.NO.wrapItemAndSub >


Das id="active" bekommst Du dort unter, wo es hingehört, im ACT-Bereich von Ebene 1

TYPOSCRIPT
...
    ACT {
          wrapItemAndSub = <ul class="select_active"><li> [b]HIER DAS DIV REIN[/b] |[b]DIV SCHLISSEN[/b] </li></ul>


Aus dem wrap der 2. Ebene muss das DIV dann natürlich raus.

TYPOSCRIPT
...
  2 = TMENU
  2 { 
    noBlur = 1 
    wrap =  <ul class="sub"> | </ul>
 
...


Mal abgesehen davon, würde ich das active als class verwenden, und nicht als id.
Kommen noch mehr Ebenen dazu, und jemand kopiert hier wieder 2 <.3 (soll ja vorkommen) gibt es die ID doppelt.

Grüße
Profil
Verfasst am: 01. 05. 2012 [08:47]
wolfgang70
Themenersteller
Dabei seit: 27.04.2012
Beiträge: 2
 Moin,

danke für den Tipp, hat allerdings so nicht funktioniert. Habe es dann ohne id mit einer anderen css-Klasse gelöst.

Gruß, W.
Profil