Zum Inhalt springen

typoScript Variable bzw. Werte übergeben als CSS-Klasse

Erstellt am 5. Februar 2013 · 3 Antworten · letzte Antwort am 6. Februar 2013

Tags: Frage

mike_roh_soft ·

Hi,

wow ich weiß nicht mal wie ich das genau beschreiben soll:

Meine Links sollen so aussehen:

<a class="supersize bg-color-yellow" href="#">
klick-mich
</a>

Jetzt möchte ich nur die Klasse bg-color-yellow per zufall ändern:
bg-color-yellow
bg-color-green
bg-color-blue
etc.

Das habe ich mit der USER_INT und einen PHP-File versucht...
Ich bekomme nun aus den PHP-File die strings: blue, yellow, green etc. zurück, habe aber keine Ahnung wie ich die nun an meine CSS-Klasse anhängen kann:

#Zufallsklasse
includeLibs.colors = fileadmin/templates/main/colors.php
temp.userInt = USER_INT
temp.userInt.userFunc = user_printColor #hier kommen die Farben zurück!


#Menü zusammen bauen
page.10.subparts{
  
MEIN_MARKER = HMENU
MEIN_MARKER{
  
special = list
special.value = 2,3,4

  maxItems = 3
  wrap =  |
  1 = TMENU
  1.NO.ATagParams = class = "supersize bg-color-XXX" #hier soll der Rückgabewert der PHP-Funktion mit einbaut werden!!!
  1.NO.allStdWrap.insertData = 1
  1.NO.allWrap =  |
  1.NO.stdWrap.wrap = |
}

Habe der Übersicht halber die wraps gesäubert.

Hoffe ihr könnt mir helfen?

Julian.​Hofmann ·

Hallo.

ATagParams hat stdWrap-Eigenschaften. D.h. Du kannst hier auf den extrem breiten Funktionsumfang von TS zurückgreifen.

  1.NO.ATagParams.cObject = COA
  1.NO.ATagParams.cObject.10 < temp.userInt

...und noch bisschen Rapper spielen ;-)

Viele Grüße
Julian

mike_roh_soft ·

OK nachm zweiten Kaffee hats dann geklappt 🙂

1.NO.ATagParams.cObject = COA
1.NO.ATagParams.cObject {
                         10 = TEXT
                         10.value = class = "supersize bg-color-
                         20 < temp.userInt
                         25 = TEXT
                         25.value = "
                        }

Danke für den Hinweis!!!

Julian.​Hofmann ·

Prima. 🙂

Mit einem wrap statt der zwei TEXT-Objekte mögen es die Syntax-Highlighter etwas mehr. Ist aber auch Geschmackssache (und Frage, was noch alles in Deinem TS steht, was hier jetzt nicht berücksichtigt wurde)

1.NO.ATagParams.cObject = COA
1.NO.ATagParams.cObject {
  wrap = class = "supersize bg-color-|"
  20 < temp.userInt
}