VF DSL 468x60

Zweifarbiges Menü: Letzer Menüpunkt abhängig vom Vorletzten

Submitting your vote...
Rating: 4.6 of 5. 9 vote(s).
Click the rating bar to rate this item.

Das Problem: Man hat ein Menü mit optionSplit erstellt, wobei man für den letzten Menüpunkt zwei eigenen css Klasse erstellt hat.

Wie man in der unten eingefügten Grafik gut erkennen kann, ist der letzte Menüpunkt abhängig von dem davor, also entweder mit dunklen Hintergrund oder mit hellen Hintergrund

Mit optionSplit kann man ja recht einfach die beiden Farben abwechseln. Aber wie weis man ob die letzte Klasse jetzt einen hellen oder dunklen Hintergrund hat?

Dazu folgendes typoscript snippet:

 

temp.mymenu=HMENU
temp.mymenu.1=TMENU
temp.mymenu.1.NO {
  # optionSplit für die css Klasse des ersten Menuelment und die darauffolgenden, einmal hell, einmal dunkel
  allWrap = | |*| |||||*|
  allWrap.override.cObject=COA
  allWrap.override.cObject{
    # das override (überschreiben) der allWrap Eigenschaft wird nur ausgeführt wenn der aktuelle Menüpunkt (register:count_HMENU_MENUOBJ) der letzte ist (register:count_menuItems)
    if.value.data=register:count_menuItems
    if.equals.data=register:count_HMENU_MENUOBJ
    10=TEXT
    10{
       # setzen der hellen Klasse bei einer ungeraden Anzahl der Menüpunkte
      value=|
      if.isFalse.prioriCalc=1
      if.isFalse.cObject=TEXT
      if.isFalse.cObject.insertData=1
      if.isFalse.cObject.value={register:count_HMENU_MENUOBJ}%2
    }
    20<.10
    # das ganze negieren und in diesem Falle die dunkle Klasse setzen
    20.if.negate=1
    20.value=|
  }
}

 

Weiterführende Informationen:

tsref stdWrap (override,prioriCalc)

tsref optionSplit

tsref if

Snippet 2 Menues: Seiten in ungleiche und gleiche aufteilen

Forum thread der zu dieser Lösung geführt hat



Comments


No comments

Add comment

* - required field

*



*
*

Top 10 Updates

Erstellen eines einfachen Infocenters mit TYPO3  geändert am  17-Nov-2009 11:11:22
Funktionierendes Section Menu mit TemplaVoila geändert am  05-May-2009 10:42:40
"Nicht im Menü" in Sitemap anzeigen geändert am  05-May-2009 10:12:24
Implementation des DHTML Menüs von brainjar.com  geändert am  01-Feb-2009 13:01:36
Beispiel DHTML Menü geändert am  01-Feb-2009 12:47:38
Anzeigebeispiel für dynamische Bild Masken geändert am  16-Dec-2008 15:11:25
Links geändert am  11-Dec-2008 10:12:33
Nützliche Links geändert am  11-Dec-2008 10:05:56
Transparente PNG's in IE5/6 ohne JavaScript geändert am  04-Oct-2008 12:28:14
Typoscript Eigenschaften mit stdWrap erweitern geändert am  13-Jun-2008 14:16:12

Latest comments

13-Mar-2010 10:07:30
Tom schrieb: Sorry, natürlich mit align = center :-) Tom
Vertikales grafisches Menu (GMENU)
11-Mar-2010 07:52:35
Tom schrieb: Klasse, genau das was ich gebraucht habe. Mit einer Einschränkung... ... wie kann ich jetzt den...
Vertikales grafisches Menu (GMENU)
10-Mar-2010 15:42:51
siteway.de schrieb: Perfekt. Nach genau sowas hab ich gesucht! Danke.
Jedem Mailformular Feld eine eigene CSS Klassen zuweißen
English
Suche: