html: bei klick auf <td> - farbe anderer <td> ändern

html: bei klick auf <td> - farbe anderer <td> ändern (2 Beiträge, 107 Mal gelesen)

Du bist nicht angemeldet. [ Login/Registrieren ]

Ich habe ein Tabelle mit 5 Zellen. Die ersten 4 sind Kategorieren, wenn auf eine dieser Zellen geklickt wird soll sich die Farbe der 5. Zelle ändern entsprechend auf welcher Zelle geklickt worden ist.

wie soll ich das machen?

"Ich freue mich des Lebens, suche keine Dornen, hasche die kleinen Freuden. Sind die Türen niedrig, so bücke ich mich. Kann ich den Stein aus dem Weg räumen, so tue ich es; ist er zu schwer, so gehe ich um ihn herum - und so finde ich alle Tage etwas, das mich freut. Und der Schlußstein, der Glaube an Gott, der macht mein Herz froh, mein Angesicht fröhlich."

Katharina Elisabeth Goethe

so ungefähr:

du gibst jeder Zelle einen onClick-Event, der ungefähr so aussieht:

onClick="zellen_click('zelle_x')"

für x setzt du für jede Zelle eine eindeutige Zahl, also z.B. zelle_1, zelle_2 usw.

dann brauchst du eine Funktion, die das abfängt:

function zellen_click(id)
{
  var color = "";
  switch(id)
    {
    case "zelle_1":
      color = "#123456";
      break;
    case "zelle_2":
      color = "#654321";
      break;
    }
  if(color)
    {
      document.getElementById("ID_DER_ZELLE").style.backgroundColor = color;
    }
}

für ID_DER_ZELLE musst du natürlich die ID der Zelle einsetzen, die die jeweilige Farbe bekommen soll

MfG

MJFox

Dieses Forum ist eine frei zugängliche Diskussionsplattform.
Der Betreiber übernimmt keine Verantwortung für den Inhalt der Beiträge und behält sich das Recht vor, Beiträge mit rechtswidrigem oder anstößigem Inhalt zu löschen.
Datenschutzerklärung