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

Submitting your vote...
Rating: 4.6 of 5. 11 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


Deandra, 17-08-11 20:48:
That saves me. Thanks for being so ssenible!

Add comment

* - required field

*



*
*

Top 10 Updates

Login geändert am  09-Sep-2010 11:31:35
Schöne Schriften mit Google Font API geändert am  20-May-2010 16:36:59
TS basierte Searchbox für Indexed Search geändert am  18-May-2010 18:26:54
TYPO3 SEO geändert am  30-Apr-2010 09:43:20
Suchmaschinenfreundliche grafische Überschriften in TYPO3 geändert am  30-Apr-2010 09:33:56
Erstellen eines einfachen Infocenters mit TYPO3  geändert am  17-Nov-2009 12:11:22
Funktionierendes Section Menu mit TemplaVoila geändert am  05-May-2009 12:42:40
"Nicht im Menü" in Sitemap anzeigen geändert am  05-May-2009 12:12:24
Implementation des DHTML Menüs von brainjar.com  geändert am  01-Feb-2009 14:01:36
Beispiel DHTML Menü geändert am  01-Feb-2009 13:47:38

Latest comments

18-Jan-2012 11:03:20
cjjgeb cjjgeb schrieb: qUWC8M <a href="http://yviwfgyvopxz.com/">yviwfgyvopxz</a>
Typolink
18-Jan-2012 05:39:25
Melia Melia schrieb: Stands back from the kybeoard in amazement! Thanks!
Typolink
02-Jan-2012 22:48:33
Dietmar schrieb: Doch, genau das soll es doch sein. Sonst könntest Du ja die Seiten in der Vorschau nicht...
Eigenes vhost für das TYPO3 Backend
English
Suche: