Hilfe: Hintergrundfarbe in Zellen bei onmouseover ändern
Humanyu
- css
ich versuche jetzt schon seit stunden die hintergrundfarbe in
einer tabellenzelle zu ändern, wenn der mauszeiger drüber fährt.
ich habe es schon auf alle möglichen arten versucht, sowohl
mit html wie mit css, sowohl direkt wie auch mit id=. nix geht.
wer kann mir helfen?
z.B.:
<td style="background-color:#9999FF"
onmouseover="this.td.style='background-color:#99CCFF'"
onmouseout="this.innerHTML.style='background-color:#9999FF'">
oder auch via id="#mouseover"
und vielen weiteren varianten.
ich finde in selfhtml einfach nicht heraus wie
style zuordnungen zu on-events funktionieren.
Hallo Humanyu
z.B.:
<td style="background-color:#9999FF"
onmouseover="this.td.style='background-color:#99CCFF'"
Hier gibt this eine Referenz auf td, da es kein td innerhalb des td gibt
(und geben kann) dürfte das ziemlich wirkungslos sein.
Außerdem gibt es für Javascript kein background-color. Lies mal nach, wie
Style-Eigenschaften im Javascript benannt werden müssen.
Auf Wiederlesen
Detlef
Hallo Humanyu
z.B.:
<td style="background-color:#9999FF"
onmouseover="this.td.style='background-color:#99CCFF'"Hier gibt this eine Referenz auf td, da es kein td innerhalb des td gibt
(und geben kann) dürfte das ziemlich wirkungslos sein.
Außerdem gibt es für Javascript kein background-color. Lies mal nach, wie
Style-Eigenschaften im Javascript benannt werden müssen.
ja danke, habe ich auch schon alles getestet, jegliche kombination von this und nicht this etc. pp. auch deine referenz habe ich schon mehrmals gelesen und von da habe ich auch die benennung genommen.
auch war das obige nur ein beispiel von vielen was ich alles schon an unsinnigem getestet habe.
es hilft mir auch nicht, mir zu sagen was ich falsch mache,
hilfreicher wäre es mir zu sagen wie ich es richtig machen soll.
das prob ist eigentlicht einfach:
---------------------------------
wie kann ich einem onmouseover eine style-eigenschaft zuordnen?
das habe ich nirgends gefunden in selfhtml.
den rest mache ich dann schon selbst.
Tag Humanyu.
wie kann ich einem onmouseover eine style-eigenschaft zuordnen?
[link:http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseover@title=onmouseover]="[link:http://de.selfhtml.org/javascript/sprache/objekte.htm#this@title=this].[link:http://de.selfhtml.org/javascript/objekte/style.htm@title=style].[link:http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften@title=Eigenschaft] = Wert"
den rest mache ich dann schon selbst.
Viel Vergnügen.
Siechfred
[link:http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseover@title=onmouseover]="[link:http://de.selfhtml.org/javascript/sprache/objekte.htm#this@title=this].[link:http://de.selfhtml.org/javascript/objekte/style.htm@title=style].[link:http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften@title=Eigenschaft] = Wert"
das ist doch mal eine kurze, schnörkellose und eindeutige antwort.
vielen dank und respekt.
Humanyu
Hi Siechfred
hat mich noch 2 mins gekostet bis die details gestimmt haben,
dann ging die post ab. vielen dank nochmals.
wenn ich an die 4 std denke wo ich heute morgen weiss ich
nicht was alles durchgelesen habe, und jetzt das. :)))
nochmals big thx
tat tvam asi
Humanyu
Hallo Humanyu
wie kann ich einem onmouseover eine style-eigenschaft zuordnen?
das habe ich nirgends gefunden in selfhtml.
den rest mache ich dann schon selbst.
Wenn du auf der verlinkten Seite auch mal darüber gelesen (und verstanden)
hättest, dann wäre dir die Zuweisung von Style-Eigenschaften klar gewesen.
Der Unterschied zur Anwendung mit onmouseover besteht nur darin, wie du das
Objekt (HTML-Element) ansprichst. Du brauchst dir keine Referenz umständlich
zu besorgen, sondern kannst this verwenden, aber das hattest du ja bereits
getan.
Auf Wiederlesen
Detlef
Hallo Humanyu
wie kann ich einem onmouseover eine style-eigenschaft zuordnen?
Wenn du auf der verlinkten Seite auch mal darüber gelesen (und verstanden)
hättest, dann wäre dir die Zuweisung von Style-Eigenschaften klar gewesen.
das hilft mir auch nicht weiter, denn auch das habe ich gelesen.
ich darf aber auf der von mir benutzten unterseite kein javascript benutzen.
Hallo Humanyu
Wenn du auf der verlinkten Seite auch mal darüber gelesen (und verstanden)
hättest, dann wäre dir die Zuweisung von Style-Eigenschaften klar gewesen.
Aus einem Beispiel der Seite:
document.getElementsByTagName("p")[i].style.backgroundColor = "#FF9933";
^-----------------------------------^^---------------------------------^
das Objekt zuweisen der Hintergrundfarbe
(in deinem Fall eifach this)
das hilft mir auch nicht weiter, denn auch das habe ich gelesen.
ich darf aber auf der von mir benutzten unterseite kein javascript benutzen.
Oh, dann kannst du auch kein onmouseover verwenden, denn auch das ist
Javascript.
Mittels CSS können auch Hintergrundfarben beim hovern gewechselt werden, der
IE unterstützt dies aber leider nur für Links.
Auf Wiederlesen
Detlef
Hi Detlef
Siechfred hat mir schon ganz einfach und knapp geholfen (siehe seine antwort). das nenne ich einen profi. :-)
vielen dank noch für deine mühe