H@rrY: Tabellenhintergrund dynamisch ändern

Beitrag lesen

Hallo,

gleich noch eine Frage, ich habe es hinbekommen, mit dem folgenden Quelltext EINE Tabellenzelle dynamisch mit JS zu ändern. Mein Qulltext im Syriptbereich sieht so aus:

var a;
function tshandbuch()
  {
  tcolor = test.style.background;
  test.style.background='#FFFFFF';
  }
function tshandbuchout()
  {
  test.style.background = '#003399';
  }

sowie für die Tabellenzelle lautet mein Quelltext:

<td onmouseout="tshandbuch()" onmouseover="tshandbuchout()" id="test"><a href="ts-handbuch.html" target="neues" >TS-Handbuch</a></td>

Dies funktioniert wunderbar! Wenn ich jetzt aber eine zweite Zelle einbinde, also z.B.

var a;
function tshandbuch()
  {
  tcolor = test.style.background;
  test.style.background='#FFFFFF';
  }
function tshandbuchout()
  {
  test.style.background = '#003399';
  }
function schaden()
  {
  tcolor = test.style.background;
  test.style.background='#FFFFFF';
  }
function schadenout()
  {
  test.style.background = '#003399';
  }

im Zellenbereich dann:

<td onmouseout="tshandbuch()" onmouseover="tshandbuchout()" id="test"><a href="ts-handbuch.html" target="neues" >TS-Handbuch</a></td>
<td onmouseout="schaden()" onmouseover="schadenout()" id="test"><a href="schaden.html" target="neues">Schaden</a></td>

Hier klappt es dann leider nicht mehr, da an bestimmten Zeilen ein Objekt erwartet wird. Hat jemand einen Tip für mich, was ich hier falsch gemacht habe?

Danke und Gruß

H@rrY