Java -- OnClick Tabellenfarbe ändern

[Wuselchen]

Vielen Dank für die schnelle Antwort.

Habe aber noch eine Frage wie bekomme ich es das beim klicken auf eine andere Tabellenzelle, die Originalfarbe wieder angezeigt wird.

Habe nun folgende Tabelle:

<table width="75%" border="1">
<tr>
<td onClick="this.style.backgroundColor = '#FF0000';">Test
&nbsp;</td>
</tr>
<tr>
<td onClick="this.style.backgroundColor = '#FF0000';">Test
&nbsp;</td>
</tr>
</table>

Wuselchen

 

[Quaese]

Hi,

das ist etwas aufwendiger. Zum einen brauchst Du Variablen, die sich den alten
Zustand merken, zum anderen am besten eine Funktion, die die Farben ändert.
Im folgenden ein Beispiel, wie das aussehen könnte:

<script language="javascript" type="text/javascript">
<!--
    var intOld = 0;    // Index der alten Zelle
    var objOld = null;    // Altes Objekt
    var colStandard = '#FFFFFF';    // Standard-Hintergrund der Tabelle

    function newColor(objNew, colNew, intNew){
        // Falls eine andere Zelle angeklickt wird
        if(intOld != intNew){
            // Dieser Zelle neue Farbe zuweisen
            objNew.style.backgroundColor = colNew;
            // Falls es sich nicht um das erste Klicken handelt
            if(intOld != 0)
                // Bisher gefärbte Zelle wieder zurücksetzen
                objOld.style.backgroundColor = colStandard;

            intOld = intNew;	// Index merken
            objOld = objNew;	// Objekt merken
        }
    }
-->
</script>

Aufgerufen wird die Funktion in jeder Zelle. Als Parameter werden ihr folgende übergeben:
- objNew: ZellenObjekt (hier: this)
- colNew: Farbe, die die Zelle erhalten soll in Hex-Schreibweise
- intNew: Index der neuen Zelle

<table>
    <tr><td onClick="newColor(this, '#FF0000', 1)">Hallo</td></tr>
    <tr><td onClick="newColor(this, '#00FF00', 2)">Welt</td></tr>
    <tr><td onClick="newColor(this, '#0000FF', 3)">!</td></tr>
</table>

Ciao
Quaese

 

[Wuselchen]

Ganz herzlichen Dank