Zellenhintergrund (Farbe) bei bestimmten Text ändern

[badi]

Hallo,

ich rufe bestimmte Wert mittels PHP aus einer MySQL Datenbank ab. Diese werden dan in einer Tabelle ausgegeben. Nun möchte ich, dass wenn in der einen Zelle "ONLINE" drin steht diese die Hintergrundfarbe grün bekommt. Steht aber z.B. "OFFLINE" drin soll der Hintergrund rot werden.
Also eigendlich genau das selbe, wie es bei Microsoft Exel, mit der Benutzerdefinierten Formatierung, geht.

Hat da irgendeiner eine Idee, wie sich dies in html oder css umsätzen lässt?

Gruß
Badi

[streuner]

Mit PHP und ner IF Abfrage, ist das ohne Probleme möglich. Kannst dann z.B. die Style Eigenschaft einer Zelle entweder auf grün, oder auf rot setzen (je nach Bedingung).

mfg streuner

[badi]

vielen dank hat super funktioniert

[rossixx]

geht das auch mit javascript

kann man ein formular welches in einer tabelle liegt die hintergrundfarbe ändern, wenn sich ein wert von 0 auf 1 ändert ???

onchange="FormularFarbeWechseln()" in das formular aber wie und was muß in die function???

damit die tabelle ihre farbe ändert bzw. die zelle oder zeile ???

[rossixx]

function FormularFarbeWechseln() {
    document.getElementById('48').style.backgroundColor = 'green'; /* ändert das element mit der id */

        document.bgColor = 'green';  /* ändert die body bgcolor */
} 

geht das auch mit anderen mitteln ??? bin noch nicht überzeugt, da ich keine ahnung von js hab

[AmicaNoctis]

Hallo Thomas,

ich versteh noch nicht ganz wie du das meinst. Willst du alternierende Zeilenfarben haben oder anhand eines bestimmten Wertes für einen Datensatz diesen irgendwie stylen?

Beides lässt sich mit CSS machen, wenn du geeignete Klassennamen erzeugst. Hast du z. B. ein Boolean-Feld in der Tabelle, setzt du die Zeile entsprechend dessen Wertes auf

<th class="true"><td>...

oder

<th class="false"><td>...

Wenn das nicht hilft, bitte genauer erklären, was du vorhast.

Gruß,

Amica

[rossixx]

Also ich habe eine Tabelle mit Werten, die über ein Formular editierbar sind,
Formular ( edit ) wird geladen, wenn der Wert 0 ist, bekommt die Zeile z.B. rot als Hintergrund.
Das läßt sich mit sicherheit schön mit CSS machen.

Jetzt kommt für mich das neue - was ich nicht kann:

Wenn im Formular ein Wert von 0 auf 1 geändert wird, soll sofort die Hintergrundfarbe geändert werden. Was mit JavaScript schon ansatzweise funktioniert.

Soweit hab ich das, das wenn ich was in dem Formular ändere, dann wird der Hintergrund geändert.

Jetzt muß ich noch überprüfen, ob der Wert 0 oder 1 ist, und eine verallgemeinerung finden, da ich bisher nur eine Zelle bearbeiten kann.

[rossixx]

Teil Lösung

function FormularFarbeWechseln(id) {
    var wert_1 = document.formular_name.input_name.value;
    if (wert_1==null || wert_1==0) {
        document.getElementById(id).style.backgroundColor = 'red';
    }
    else{
        document.getElementById(id).style.backgroundColor = 'green';
    }
} 

für ein bestimmtes Feld funktioniert das mit JavaScript,
aber wie bekomme ich das jetzt hin, das input_name variabel wird
mit der id gehts nicht.
z.b.
var wert_1 = document.formular_name.id.value; - - - is ja logisch da das der input name ist und somit inputfeld id aber nicht die id.

[wahsaga]

http://de.selfhtml.org/javascript/ob...tm#allgemeines, Schema #4

Wobei, wenn du den Event vom Input-Feld selber aus behandelst, kannst du auch einfach mit this die Referenz darauf übergeben.

[rossixx]

Danke Gelöst !!!

Mit etwas Hilfe und nachdenken und ausprobieren - klappt fast alles.