Adolfó: onclick Feld für Farbe merken

Beitrag lesen

Hallo,

ich habe ein Script welches sich beim onclick Event die Hintergrundfarbe rot darstellen soll.

Ich weiß nicht wie ich die Farbe rot merken soll? Mein Problem ist wenn ich den nächsten click mache ist das nächste Feld auch rot aber es soll nur das letzte aktive Feld rot makiert bleiben.

Bei dieser Version ist beim onmouseout die Frabe rot wieder verschwunden. Mein Problem ist ich weiß nicht wie ich beim onmouseout die aktuelle Farbe merken soll und beim nächsten Klick wieder alle anderen wieder lösche?

Was muss ich machen damit es geht? Ich versteh das nicht mehr... :(

So sieht mein Scipt aus:

var aktiv=false;
   function ChangeCol(tab,color,zustand)
   {

if (zustand == true)
    {
    color = 'red';
    }

document.getElementById(tab).style.cursor='hand';

if(tab.id!=aktiv)
     {
     document.getElementById(tab).style.backgroundColor = color;
     }

}

</script>

<table>
   <tr style="background: #cccccc;" onclick="ChangeText('tab1','111'); ChangeLink('tab1','?auswahl=rechnungsdruck&bestell_nr=1'); ChangeCol('tab1','red','j')"
            onmouseover="ChangeCol('tab1','green')"
            onmouseout="ChangeCol('tab1','#cccccc')">
    <td id="tab1">
    1111
    </td>
   </tr>
   <tr style="background: #cccccc" onclick="ChangeText('tab2','222'); ChangeLink('tab2','?auswahl=rechnungsdruck&bestell_nr=2');ChangeCol('tab2','red','j')"
           onmouseover="ChangeCol('tab2','green')"
            onmouseout="ChangeCol('tab2','#cccccc')">
    <td id="tab2">
    2222
    </td>
   </tr>
   <tr style="background: #cccccc;" onclick="ChangeText('tab3','333'); ChangeLink('tab3','?auswahl=rechnungsdruck&bestell_nr=3');ChangeCol('tab3','red','j')"
            onmouseover="ChangeCol('tab3','green')"
            onmouseout="ChangeCol('tab3','#cccccc')">
    <td id="tab3">
    3333
    </td>
   </tr>
   </table>