nicht angemeldet
Änderung der Zellenhintergrundfarbe bei onmouseover
Hallo Forum!
Ich brauche malwieder einen Tip von euch:
Ich möchte ein Menu so darstellen, dass sich beim "berühren" (onmouseover) einer HTML-Tabellen-Zelle deren Hintergrundfarbe ändert.
Wie das mit Bildern geht ist klar, nur das Proble oben halt nicht...
THX, 4 help, David
-
hallo David
Ich möchte ein Menu so darstellen, dass sich beim "berühren" (onmouseover) einer HTML-Tabellen-Zelle deren Hintergrundfarbe ändert.
Mit getElementById (http://selfhtml.teamone.de/javascript/objekte/document.htm#get_element_by_id) und dem Objekt "style" (http://selfhtml.teamone.de/javascript/objekte/style.htm) sowie BackgroundColor kannst du die Hintergrundfarbe verändern, also etwa so:
function wechsel() {
document.getElementById("bla").style.backgroundColor = '#F00';
}
die td-zeile sieht dann etwa so aus:
<td id="bla" onMouseOver="wechsel()" onMouseOut="weg()">Inhalt</td>
(die Funktion weg() ist zum Zurücksetzen der Farbe - das in der gleichen Funktion einzubauen habe ich auf die Schnelle nicht geschaft)
Das ganze funktioniert leider nur mit Opera/Mozilla. Netscape 4 und IE 5.0 spielen da nicht mit. Das ganze kann man noch erweitern und die Id die geändert werden soll mit dem Funktionsaufruf übergeben bzw. mit getElementByName o.ä. arbeiten.gruß
Tobias -
Hi,
das geht mit document.getElementbyId("id").style.backgroundColor = "black"
Mehr findest du unter http://selfhtml.teamone.de/javascript/objekte/style.htmmfg
scorn