Zellenhintergrund beim Event onMouseOver (Link) ändern

[eisbeer]

Hallöchen liebes Forum!

habe folgendes problem: habe eine tabellen-spalte (td) in der ein
link steht. wenn dieser link vom mauszeiger überflogen wird, soll
sich der hintergrund der tabellen-spalte ändern.bitte helft mir!!

DER SCRIPT:
bis jetzt sieht mein unfertiger script so aus:

<script language="JavaScript" type="text/JavaScript">

function showBackground(id)   //in id wird die id der spalte übergeben
{
 window.document.getElementById('id').style.backgroundColor='#c0c0c0';
};

function hideBackground(id)   //in id wird die id der spalte übergeben
{
 window.document.getElementById('id').style.backgroundColor='#FFFFFF';
};

}
</script>

DER AUFRUF:

<tr>
  <td id="20">
    <a href="news.html"
       onMouseOver="showBackground(20)"
       onMouseOut="hideBackground(20)">NEWS</a>
  </td>
</tr>

was mach ich falsch? der IE sagt mir, wenn ich mit der Maus über den
Link fahre, dass er ein Objekt erwartet... kann damit aber nix
anfangen. bitte helfen... danke schon mal! :)

[Rouven]

Hi,

function showBackground(id)   //in id wird die id der spalte übergeben

OK, die Funktion bekommt also eine Variable namens id übergeben.

window.document.getElementById('id').style.backgroundColor='#c0c0c0';

...hier wird plötzlich auf ein Element mit der ID "id" zugegriffen, statt auf die Variable -> Anführungszeichen raus.

<td id="20">

"20" ist keine gültige ID. IDs müssen mit Buchstaben, Unterstrich (XHTML) oder {hier den Teil einsetzen, den ich gerade vergessen habe} beginnen.

MfG
Rouven

[MudGuard]

Hi,

function showBackground(id)   //in id wird die id der spalte übergeben

Wozu hier der Parameter?

{
window.document.getElementById('id').style.backgroundColor='#c0c0c0';

Du suchst hier nach der Konstanten id="id".

};

<td id="20">

das ist keine gültige ID.

cu,
Andreas

[Gunnar Bittersmann]

Hello out there!

habe eine tabellen-spalte (td)

td ist keine Spalte, sondern eine Zelle.

in der ein link steht. wenn dieser link vom mauszeiger überflogen wird, soll sich der hintergrund der tabellen-spalte ändern.

Der Zelle.

DER SCRIPT:

DAS Script. Und für diesen Effekt brauchst du keins; das geht mit CSS.

<tr>  
  <td id="foo20">  
    <a href="news.html">NEWS</a>  
  </td>  
</tr>

Du lässt das a-Element als Block-Box darstellen, der die ganze Box des td-Elements ausfüllt:

#foo20 a {  
  display: block;  
  height: 100%;  
  width: 100%;  
}

Beim Überfahren mit der Maus änders du die Hintergrundfarbe:

#foo20 a:hover {  
  background-color: #C0C0C0;  
}

See ya up the road,
Gunnar