Schriftfarbe per Selector Box ändern

Nejah · #1 29.09.06, 15:42

Hallo!

Ich lasse per TemplaVoila eine Grafik einfügen, auf welcher mit zwei Texteingabefeldern ein zweizeiliger Text gerendert wird. Das läuft soweit gut.
Desweiteren habe ich zwei Selector Boxen eingefügt, mit denen die Redakteure für die jeweilige Zeile bestimmte Farben auswählen können (z.B. "Light green", "Dark blue", ...).
Leider schaffe ich es einfach nicht, die Textfarbe je nach Auswahl einfügen zu lassen. Versuche mit CASE und if sind bisher kläglich gescheitert.
Hat jemand den passenden Codeschipsel für die Abfrage parat?

Hier mein TS ohne eingebaute Abfrage (die fontColor soll hinterher jeweils geändert werden können:sad:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:

<![CDATA[
                #getting the value of a TV field.
temp.hl1 = TEXT
temp.hl1.field = field_hl1

                #getting the value of a TV field.
temp.hl2 = TEXT
temp.hl2.field = field_hl2

                #getting the value of a TV field.
temp.color1 = TEXT
temp.color1.field = field_color1

                #getting the value of a TV field.
temp.color2 = TEXT
temp.color2.field = field_color2

20 = IMAGE
20.file = GIFBUILDER
20.file {
XY = 446,189
10 = IMAGE
10.file.import = uploads/tx_templavoila/
10.file.import.current = 1
10.file.import.listNum = 0
10.file.maxW = 446
10.file.minW = 446
10.file.maxH = 189
10.file.minH = 189

20 = TEXT
                    #transfer the values of the TV field
20.text < temp.hl1
20.offset = 446-[20.w]-62,44
20.niceText = 1
20.align = left
20.fontSize = 30
20.fontFile = fileadmin/fonts/arial.ttf
20.fontColor = black

30 = TEXT
                    #transfer the values of the TV field
30.text < temp.hl2
30.offset = 446-[30.w]-18,76
30.niceText = 1
30.align = left
30.fontSize = 30
30.fontFile = fileadmin/fonts/arial.ttf
30.fontColor = blue
}

]]> - ERROR: Line 51: Object Name String, "]]" contains invalid character "]". Must be alphanumeric or one of: "_-."

Habe im Net schon eine ganze Weile nach einer Lösung gesucht, aber selbst im Typo3Wiki konnte sie nicht zufriedenstellend beantwortet werden.

**tom** · #2 29.09.06, 21:53

habe ich richtig verstanden, dass der Text zwar auf die Grafik gedruckt wird, aber Du die Farbe nicht verändern kannst ?

Dann solltest Du mal das XMl der DS hier posten (vor allem der Teil mit der Farbauswahl.

Vermutlich ist dann da der Fehler. Ich habe in meinem DS eine Auswahlliste, in der der Redakteur eine Schriftfarbe (css-Attribut) wählen kann. Das sieht z.B. wie folgt aus:

Code:

<field_farbeheader type="array">
<type>attr</type>
<tx_templavoila type="array">
<title>Farbe Überschrift</title>
<sample_data type="array">
	<numIndex index="1"></numIndex>
</sample_data>
<eType>select</eType>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>select</type>
<items type="array">
<numIndex index="0" type="array">
	<numIndex index="0">schwarz</numIndex>
	<numIndex index="1">text</numIndex>
</numIndex>
<numIndex index="1" type="array">
	<numIndex index="0">weiss</numIndex>
	<numIndex index="1">texthell</numIndex>
</numIndex>
</items>
<default>0</default>
</config>
<label>Farbe Überschrift</label>
</TCEforms>
</field_farbeheader>

Tom

Nejah · #3 02.10.06, 09:09

Hallo!

Ja, so ungefähr sieht mein DS mit der Farbauswahl auch aus. Die Selector-Boxen funktionieren soweit auch richtig (die Auswahl lässt sich als Text ausgeben).

Mein Problem ist, dass ich einen Codeschnipsel bräuchte, der die jeweilige Auswahl in den Selector-Boxen verarbeitet, nach dem Schema:
"Wenn 'blau' ausgewählt, dann setze fontColor = blue"

Irgendwie schaffe ich es nicht, alleine einen funktionierenden if- oder CASE-Befehl zu schreiben.

Hier der Code der Auswahllisten im DS:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:

<field_colorselect1 type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>Color Select Line 1</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>select</eType>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>select</type>
<items type="array">
<numIndex index="0" type="array">
<numIndex index="0">Dark blue</numIndex>
<numIndex index="1">Dark blue</numIndex>
</numIndex>
<numIndex index="1" type="array">
<numIndex index="0">White</numIndex>
<numIndex index="1">White</numIndex>
</numIndex>
</items>
<default>0</default>
</config>
<label>Color Select Line 1</label>
</TCEforms>
</field_colorselect1>
<field_colorselect2 type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>Color Select Line 2</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>select</eType>
</tx_templavoila>
<TCEforms type="array">
<config type="array">
<type>select</type>
<items type="array">
<numIndex index="0" type="array">
<numIndex index="0">Dark blue</numIndex>
<numIndex index="1">Dark blue</numIndex>
</numIndex>
<numIndex index="1" type="array">
<numIndex index="0">White</numIndex>
<numIndex index="1">White</numIndex>
</numIndex>
<numIndex index="2" type="array">
<numIndex index="0">Light blue</numIndex>
<numIndex index="1">Licght blue</numIndex>
</numIndex>
<numIndex index="3" type="array">
<numIndex index="0">Light green</numIndex>
<numIndex index="1">Light green</numIndex>
</numIndex>
<numIndex index="4" type="array">
<numIndex index="0">Orange</numIndex>
<numIndex index="1">Orange</numIndex>
</numIndex>
<numIndex index="5" type="array">
<numIndex index="0">Dark red</numIndex>
<numIndex index="1">Dark red</numIndex>
</numIndex>
</items>
<default>0</default>
</config>
<label>Color Select Line 2</label>
</TCEforms>
</field_colorselect2>

Nejah · #4 04.10.06, 09:42

Hallo!

Nach einigem an mühevoller Suchmaschienenrecherche habe ich das Ende des im TYPO3-Wiki angefangenen Mailinglist-Eintrages gefunden (Da TYPO3.org ja vorübergehend die Archive deaktiviert hat, kein leichtes Unterfangen) und kann nun eine (wirklich simple *schäm*) Lösung für das Problem präsentieren.

Hier das TypoScript des gemappten Bildobjektes, auf das der Text gerendert wird:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:

20 = IMAGE
20.file = GIFBUILDER
20.file {
XY = 450,190

10 = IMAGE
10 {
file.import = uploads/tx_templavoila
          # ---Hier folgen weitere Image-Konfigurationen---
}

      # Wenn im Feld "field_colorselect1" die Farbe
      # "Dark blue" ausgewählt wurde:
20 = TEXT
20 {
if.value = Dark blue
if.equals.field = field_colorselect1
          # ---Hier folgen weitere Text-Konfigurationen---
fontColor = #0008a0
}

      # Kopiert vorangegangenes Text-Element und ändert
      # Vergleichswert auf "White" und fontColor auf #FFFFFF
21 < 20.file.20
21 {
if.value = White
fontColor = #FFFFFF
}
}

Wenn jetzt noch mein Textelemente-stauchen-Problem gelöst wäre, wäre das echt prima ;)

**Armin** · #5 04.10.06, 10:26

Danke für die Info.

Armin

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
rtehtmlarea - keine Schriftfarbe	ixvor	TYPO3 4.x Rich Text Editor	9	20.06.08 09:47
schriftfarbe rte	ant.one	TYPO3 4.x Rich Text Editor	0	13.06.08 11:47
jw_calendar - Schriftfarbe ändern	donjupp	Kalender	2	23.07.07 23:36
htmlArea RTE--Schriftfarbe ändern??	silversurferes	TYPO3 4.x Rich Text Editor	4	14.06.07 11:12
Schriftfarbe, Überschriftfarbe	alfa	TYPO3 4.x Fragen und Probleme	5	15.01.07 13:45

Suche

Userpanel