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

Jetzt testen!

Schulungen

jetzt buchen
Forum » TypoScript » Menüs

Menü mit separater CSS-Klasse für Sub-Menü, falls aufgeklappt


Autor Nachricht
Verfasst am: 01. 02. 2012 [00:23]
hahni
Themenersteller
Dabei seit: 07.10.2005
Beiträge: 99
 Hallo zusammen,

ich habe folgendes TS für die Darstellung meines vertikalen Menüs implementiert:

TYPOSCRIPT
#
# Hauptmenü
#
lib.mainnavi = HMENU
lib.mainnavi {
   special = directory
   special.value = 8
 
   1 = TMENU
   1 {
      wrap = <ul>|</ul>
      NO.wrapItemAndSub = <li>|</li>
      NO.ATagParams = || class="lackierung" || class="kfz-service" || class="unfallinstandsetzung" || class="industrielackierung" || class="referenzen" || class="kontakt last" |*|
 
      ACT < .NO
      ACT = 1
      ACT.ATagParams = class="active" || class="lackierung-active" || class="kfz-service-active" || class="unfallinstandsetzung-active" || class="industrielackierung-active" || class="referenzen-active" || class="kontakt-active last" |*|
   }
 
   2 = TMENU
   2 {
      wrap = <ul>|</ul>
      NO.allWrap = <li>|</li>
 
      ACT < .NO
      ACT = 1
      ACT.ATagParams = class="active"
   }   
}


Nun möchte ich aber, dass im Falle eines aufgeklappten Menüs (also wenn sich Menüpunkte darunter befinden), zudem noch die Klasse "last" hinzugefügt wird.

Und zwar aus folgendem Grund: die Menüpunkte sind durch ein "border-bottom" voneinander getrennt. Dies soll aber bei dem Menüpunkt nicht der Fall sein, der ein Untermenü enthält.

Wie lässt sich so etwas in mein TS integrieren?

Viele Grüße

Hahni
björn hahnefeld InformationsTechnologien * Regensburg
.::. TYPO3 - Magento - Webdesign .::.

Internet: http://www.hahnefeld.de
E-Mail: bjoern[at]hahnefeld[dot]de
ProfilWWWSkype
Verfasst am: 01. 02. 2012 [08:06]
Wool
Dabei seit: 29.06.2007
Beiträge: 251
 ... ähnlich wie du es in deiner ersten Menüebene machst, mit OptionSplit.
eine mögliche Erklärung: http://www.seo24.at/optionsplit-menue/
Erklärung in der TS-Ref: http://wiki.typo3.org/De:TSref/optionSplit

TYPOSCRIPT
wrap = <li>|</li>|*|<li>|</li>|*|<li class="last">|</li>


[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 01.02.2012 um 08:07.]
Programmieren ist wie küssen: Man kann darüber reden, man kann es beschreiben, aber man weiß erst, was es bedeutet, wenn man es getan hat. |Andree Beaulieu-Green|
ProfilWWW
Verfasst am: 01. 02. 2012 [11:18]
hahni
Themenersteller
Dabei seit: 07.10.2005
Beiträge: 99
 Hallo Wool,

mit genau dieser Sache komme ich eben nicht klar. Ich möchte erst einmal eine Abfrage haben, die nur dann eine weitere Klasse "last" implementiert, wenn auch tatsächlich ein Submenü unter einem Hauptmenüpunkt vorhanden ist.

Zweitens möchte ich dann in dieser Abfrage sagen, dass in diesem Fall die Klasse "class="lackierung" um "last erweitert werden soll. Also folglich der Aufruf "class="lackierung last" ist.

Liebe Grüße

Hahni
björn hahnefeld InformationsTechnologien * Regensburg
.::. TYPO3 - Magento - Webdesign .::.

Internet: http://www.hahnefeld.de
E-Mail: bjoern[at]hahnefeld[dot]de
ProfilWWWSkype
Verfasst am: 01. 02. 2012 [12:53]
Wool
Dabei seit: 29.06.2007
Beiträge: 251
 Sorry, ich glaube ich verstehe das Problem nicht...

Wenn es keine Unterseiten gibt wird die Ebene "2" nicht ausgeführt, dann stellt sich das Problem doch auch nicht?!

TYPOSCRIPT
lib.mainnavi.2.NO.wrap = <li class="lackierung">|</li> |*| <li class="lackierung">|</li> |*| <li class="lackierung last">|</li>


Programmieren ist wie küssen: Man kann darüber reden, man kann es beschreiben, aber man weiß erst, was es bedeutet, wenn man es getan hat. |Andree Beaulieu-Green|
ProfilWWW
Verfasst am: 01. 02. 2012 [13:04]
hahni
Themenersteller
Dabei seit: 07.10.2005
Beiträge: 99
 Das stimmt natürlich. Ich verdeutliche es dir direkt an der Webseite, die es auch betrifft: http://www.lackiertechnik-feilner.de. Wenn ich "Lackierung" auswähle (und dieser Menüpunkt aufgeklappt ist), dann muss ich dort dem Hauptmenüpunkt "Lackierung" die zusätzliche Klasse "last" übergeben, da ich dann den Border weg haben will (wie es beispielsweise bei http://www.video-security-solutions.at/produkte.php der Fall ist). Da war es kein Problem, da es eine statische Webseite war (und keine TYPO3-Seite) icon_wink.gif...
björn hahnefeld InformationsTechnologien * Regensburg
.::. TYPO3 - Magento - Webdesign .::.

Internet: http://www.hahnefeld.de
E-Mail: bjoern[at]hahnefeld[dot]de
ProfilWWWSkype
Verfasst am: 01. 02. 2012 [13:23]
Wool
Dabei seit: 29.06.2007
Beiträge: 251
 Ah... jetzt is klar...

Leider kann ich direkt dazu keine Lösung geben, aber mach doch das Ende-Border-Dingens an das <li> der Ebene "1" ran, nicht an das <a>, das sollte es doch auch lösen?

Programmieren ist wie küssen: Man kann darüber reden, man kann es beschreiben, aber man weiß erst, was es bedeutet, wenn man es getan hat. |Andree Beaulieu-Green|
ProfilWWW
Verfasst am: 01. 02. 2012 [13:30]
hahni
Themenersteller
Dabei seit: 07.10.2005
Beiträge: 99
 Wie meinst du das? Denn dann ist mir nämlich nicht klar, wie ich das abschalten kann...
björn hahnefeld InformationsTechnologien * Regensburg
.::. TYPO3 - Magento - Webdesign .::.

Internet: http://www.hahnefeld.de
E-Mail: bjoern[at]hahnefeld[dot]de
ProfilWWWSkype
Verfasst am: 01. 02. 2012 [13:39]
Wool
Dabei seit: 29.06.2007
Beiträge: 251
 puh... ich würde das mal so versuchen:

TYPOSCRIPT
#...snip...#
1 {
  wrap = <ul>|</ul>
  NO.wrapItemAndSub = <li class="mitborder">|</li> |*| <li class="mitborder">|</li> |*| <li class="ohneborder">|</li>
#...snip...#


...und natürlich das CSS anpassen icon_wink.gif


[EDIT]
Bei der von dir genannten Beispielseite haben die Menüpunkte nicht schon vorher Klassen zugeteilt, da alle eine Farbe/Formatierung besitzen, daher ist das bei dir nicht ganz so einfach icon_wink.gif

[Dieser Beitrag wurde 2mal bearbeitet, zuletzt am 01.02.2012 um 13:46.]
Programmieren ist wie küssen: Man kann darüber reden, man kann es beschreiben, aber man weiß erst, was es bedeutet, wenn man es getan hat. |Andree Beaulieu-Green|
ProfilWWW