Der Martin: Event-Handler "onmouseover" "onmouseout"

Beitrag lesen

Hallo Beni,

wie kann ich mit den Event-Handlern "onmouseover" "onmouseout" den Inhalt in einer anderen Tabellenzelle steuern.

dazu braucht es zwei Schritte.
Du musst die Zelle, die du ansprechen willst, identifizieren können. Dafür sorgt man, indem man dem HTML-Element eine ID verpasst.
Und du musst in deiner Javascript-Anweisung auf das so gekennzeichnete Element Bezug nehmen (anstatt this, was ja das Element adressiert, in dem es steht). Dafür gibt es die Funktion getElementById().

Mit diesen Hinweisen möchte ich dich bitten, erst einmal selbst weiter zu forschen. Das ist nämlich gar nicht so kompliziert.

In der aktuellen Zelle funktioniert dies mit dem "this" - Operator einwandfrei:
<td onMouseover="this.bgColor='ffff33'" onMouseout="this.bgColor='ffffff'">

Das dürfte es eigentlich nicht. Denn vor der hexadezimalen Farbangabe fehlt das '#'. Du verwendest also einen sehr fehlertoleranten Browser - vermutlich den Internet Explorer, der gerade _wegen_ seiner Fehlertoleranz (und weil er selbst einige Bugs hat) zum Testen denkbar ungeeignet ist.

Übrigens solltest du dir gleich angewöhnen, deine Eventhandler konsequent klein zu schreiben. Das ist erstens innerhalb des Scripts die korrekte Schreibweise, und zweitens muss, wenn du mal auf XHTML umsteigen solltest, auch im HTML-Element das Attribut klein geschrieben werden.

So long,

Martin

--
Paradox ist, wenn jemand eingefleischter Vegetarier ist.