Tabelle, Zelle, wechselnde Farbe je nach Inhalt

[Uwe]

Hallo,

vielleicht könnt ihr mir weiter helfen.

Ich habe eine einfache Tabelle mit vielen Zeilen und Spalten.
In diesen Zellen sind nur 3 unterschiedliche Werte vorhanden, jede Zelle belegt. Jetzt möchte ich dem Zellhintergrund abhängig vom Wert eine bestimmte Farbe zuweisen.

Beispiel:  steht 2 drin soll die Farbe gelb sein
           steht aa drin soll die Farbe grün sein
           steht + drin soll die Farbe rot sein

Ist es möglich dies über ein Script abzuarbeiten?
Ich möchte nicht bei jedem Wert explizit die Hintergrundfarbe angeben , zumal die Werte ab und zu geändert werden.

Gruß

Uwe

[Cheatah]

Hi,

In diesen Zellen sind nur 3 unterschiedliche Werte vorhanden, jede Zelle belegt. Jetzt möchte ich dem Zellhintergrund abhängig vom Wert eine bestimmte Farbe zuweisen.

td.two  { content:"2";  background-color:#FFFF00; }
td.aa   { content:"aa"; background-color:#00FF00; }
td.plus { content:"+";  background-color:#FF0000; }

<td class="two"></td>
<td class="aa"></td>
<td class="plus"></td>

Erfordert einen CSS-2-tauglichen Browser.

Ist es möglich dies über ein Script abzuarbeiten?

Server- oder clientseitig?

Cheatah

P.S.: Ungetestet.

[MudGuard]

Hi,

In diesen Zellen sind nur 3 unterschiedliche Werte vorhanden, jede Zelle belegt. Jetzt möchte ich dem Zellhintergrund abhängig vom Wert eine bestimmte Farbe zuweisen.

td.two  { content:"2";  background-color:#FFFF00; }

Ist so nicht richtig! content ist nur für :before und :after definiert:
'content'
    Value:   [ <string> | <uri> | <counter> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit
    Initial:   empty string
    Applies to:   :before and :after pseudo-elements

(http://www.w3.org/TR/REC-CSS2/generate.html#propdef-content)

also
td.two  { background-color:#FFFF00; }
td.two:before { content:"2";  background-color:#FFFF00; }

Erfordert einen CSS-2-tauglichen Browser.

Nicht unbedingt. Wenn :before nicht funktioniert, ist immer noch der eindeutige Farbcode in der Tabellenzelle.
Man muß also nur noch eine Legende auf der Seite mit unterbringen.

cu,
Andreas

[Cheatah]

Hi,

Ist so nicht richtig! content ist nur für :before und :after definiert:

ah, das wusste ich nicht. Danke für die Info.

Cheatah