Zum Inhalt springen

@Georg - Frage zu Deinem CSS-TS-Menü

Erstellt am 2. Oktober 2007 · 4 Antworten · letzte Antwort am 3. Oktober 2007

Tags: Frage

Julia1 ·

Hallo Georg und all anderen, die mir weiterhelfen können!

Ich habe eine Frage zu dem CSS-TS-Menü!

Das ist mein Typoscript:

MENU_OBEN {
	special = directory
	#| Start-ID des Menüs |#
	special.value = 2
  #| Erste Menü-Ebene |#
	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>
/*
		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB
*/	
		IFSUB = 1
    IFSUB.wrapItemAndSub = <li>|</li>
    IFSUB.ATagParams = class = "menuparent"
    ACTIFSUB < .IFSUB
		
		
	}
  
  1.CUR < .1.NO
  1.CUR.wrapItemAndSub = <li class="navActiv">|</li>
  
  

  #| Zweite Menü-Ebene |#
	2 < .1	
	2.wrap = <ul>|</ul>

Und so sieht der Code aus, der daraus generiert wird:

<ul id="nav">
  <li>
    <a href="index.php?id=3" class="menuparent">Menüpunkt1</a>
	  <ul>
	    <li><a href="index.php?id=12" class="menuparent">Submenü1</a></li>
		<li class="navActiv"><a href="index.php?id=14">Submenü2</a></li>
		<li><a href="index.php?id=15">Submenü3</a></li>
	  </ul>
  </li>
  <li><a href="index.php?id=4">Menüpunkt2</a></li>
  <li><a href="index.php?id=5">Menüpunkt2</a></li>
</ul>

In dem Code befinde ich mich gerade auf der Seite Submenü2 (id=14). Dies wird durch die Klasse .navActiv deutlich. Ich möchte aber eigentlich den (aktiven) Hauptmenüpunkt speziell formatieren. Das bedeutet also, dass ich (wenn ich mich auf der Seite id=14 befinde) das .navActiv dem <li>-Menüpunkt1 (id=3) zuordnen würde.

Frage: Geht das irgendwie? Wenn ja, wie?

Freue mich über jeden Tipp.
Liebe Grüße Julia

Unbekannter Benutzer ·

1.ACT < .1.NO
1.ACT.wrapItemAndSub = <li class="navActiv">|</li>

damit werden alle Menüpunkte in der rootline des aktuellen mit dieser Class ausgestattet. Du könntest dann mit CUR noch eine andere class benutzen. Damit solltest du das gewünschte Ergebnis erreichen.

Achso und /* */ ist in TS kein erlaubter Weg einen Kommentar zu kennzeichnen, wenn ich mich nicht irre.

Julia1 ·

Hallo Kitsunet,

vielen Dank für Deine schnelle Antwort. Doch leider funktioniert es nicht - bzw. verursacht Dein Code:

1.ACT < .1.NO
1.ACT.wrapItemAndSub = <li class="navActiv">|</li>

Das gleiche Resultat wie mein Code:

1.CUR < .1.NO
1.CUR.wrapItemAndSub = <li class="navActiv">|</li>

... verstehe ich auch nicht ganz, aber ich kann wirklich keinen Unterschied feststellen. Bei beiden Codevarianten wird dem Vater-Menüpunkt NICHT die Klassse navActiv zugeordnet sondern lediglich der aktuellen Seite (Menüpunkt).

... woran kann es liegen?

LG
Julia

Mit dem /* */ funktioniert sehr gut - zumindest wenn ich mit einer externen TS-Datei arbeite.