bgcolor-wechsel

[Chrono]

Hi
Also ich hab ne kleine Hp erstellt bei der jeder Link eine eigene Layoutzelle hat :-) , damit es wie Schaltflächen wirkt. Jetzt möchte ich, dass wenn man mit der Maus über die Zelle fährt, sich die Hintergrundfarbe der Zelle ändert.
Wie sieht der Javascript-Code dafür aus (mit anderen Scripten kenn ich mich gar nicht aus)?
Mfg
Chrono

[Christian Seiler]

Hallo Chrono,

Also ich hab ne kleine Hp erstellt bei der jeder Link eine eigene Layoutzelle hat :-) , damit es wie Schaltflächen wirkt.

Dazu sind doch keine Tabellen nötig:

http://aktuell.de.selfhtml.org/artikel/css/mouseover/index.htm
http://www.fractatulum.de/fraccss/sample/menu1format.htm

Jetzt möchte ich, dass wenn man mit der Maus über die Zelle fährt, sich die Hintergrundfarbe der Zelle ändert.
Wie sieht der Javascript-Code dafür aus (mit anderen Scripten kenn ich mich gar nicht aus)?

Wenn Du auf Deinen Tabellenzellen bestehst:

CSS-Teil:

td.schaltflaeche {
  background-color: #ff0000;
}

td.schaltflaeche_hover {
  background-color: #00ff00;
}

HTML-Teil:

<td class="schaltflaeche" onmouseover="this.className = 'schaltflaeche_hover';" onmouseout="this.className = 'schaltflaeche';">
...
</td>

Viele Grüße,
Christian

[Daniel Thoma]

Hallo!

Noch eleganter wäre ja:

td.schaltflaeche {
   background-color: #ff0000;
}

td.schaltflaeche:hover {
   background-color: #00ff00;
}

HTML-Teil:

<td class="schaltflaeche">

</td>

Grüße

Daniel