onMouseOver -> Tabellenhintergrundfarbe ändern
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bereich
bringen
browser
code
dank
effekt
erstellen
gesamte zeile
hilfe
hintergrundfarbe
komplizierte tabelle
konzept
lesbarkeit
leute
mache
navigation
probier
spalte
tabelle
vorteil
-
Tach Leute,
Bin dabei, eine rel. komplizierte Tabelle zu erstellen und jetzt funtkionierts nicht, bei einem onMouseOver die Hintergrundfarbe einer Spalte zu ändern:
<table width="100%" height="80%"> <tr height="75%"> <td width="5%"></td> <td width="15%" bgcolor="#FF0000"> <table width="100%" border="0"> <tr> <td align="right" onmouseover='this.bgcolor: "#FFFF00"' onmouseout='this.bgcolor: "#FF0000"'>Navigation</td> </tr> </tr> </table>
(Nur der wichtige Ausschnitt wegen Lesbarkeit ;) )
Die Tabelle kommt wie geplant, aber es tut sich nichts... was mache ich falsch?
Vielen Dank für Hilfe ;) -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Eine Änderung der Hintergrundfarbe kannst Du übrigens auch ohne javascript bewerkstelligen.
Vorteil ist, das auch Browser mit deaktiviertem Javascript den Effekt sehen.
Wie groß der Bereich sein soll der sich farblich ändert, ist natürlich auch anpassbar.
Css-Code:
<html> <head> <title>css statt js</title> <style type="text/css"> a.redToyellow{background-color: #ff0000;} a.redToyellow:hover {background-color: #ffff00;} </style> </head> <body> <table width="100%" height="80%"> <tr height="75%"> <td width="5%"></td> <td width="15%" bgcolor="#FF0000"> <table width="100%" border="0"> <tr> <td align="right"><a class="redToyellow" href="#">Navigation</a></td> </tr> </tr> </table> </body> </html> -
cookies schrieb:
Probier mal:
this.style.backgroundColor = "#FFFF00"
LG cookies
Danke, funtkioniert bei mir leider nicht ;)
simuliertes schrieb: Eine Änderung der Hintergrundfarbe kannst Du übrigens auch ohne javascript bewerkstelligen.
Vorteil ist, das auch Browser mit deaktiviertem Javascript den Effekt sehen.
Wie groß der Bereich sein soll der sich farblich ändert, ist natürlich auch anpassbar.
Css-Code:
(..)
Das gefällt mir ziemlich gut, vor allem, weil ich eh das mit dem css auslagern wollte und das so ins Konzept passt... muss jetzt nur noch die gesamte Zeile zum ändern bringen, aber läuft schon.
Vielen Dank ;)
€dit: Das mit dem hover klappt natürlich auch für die Tabel-Row, also Thema beendet :3
Beitrag zuletzt geändert: 14.2.2010 15:25:22 von harryak -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
