Supportnet / Forum / Webseiten/HTML
OnMouseOver auf Text anwenden?
Frage
Ich habe eine Grafikdatei, die sich beim überfahren mit der Maus ändert per OnMouseOver. Läßt sich zugleich auch ein dazugehöriger Text, der neben der Grafik steht, hervorheben? Dabei handelt es sich um reinen Text, nicht um eine Grafikdatei ...
Antwort 1 von sutadur
Am Feiertag sind doch sich auch ein paar Fachleute online, oder? ;o)
Antwort 2 von JimPanse5
hi!
Ich würds so machen:
Sollte eigentlich funtzen!
Mfg Jim
Ich würds so machen:
<style type="text/css">
<!--
.text_over { color: #FF0000; } /* Farbe die bei MouseOver angezeigt wird */
.text_out { color: #000000; } /* Farbe die bei MouseOut angezeigt wird */
//-->
</style>
<p onMouseOver="className='text_over'" onMouseOut="className='text_out'">TEXT DER TEXT DER TEXT DER TEXT DER TEXT</p>
Sollte eigentlich funtzen!
Mfg Jim
Antwort 3 von sutadur
Das geht zwar, ist aber nicht das was ich wollte. Im genannten Beispiel verändert sich der Text, wenn ich ihn mit der Maus überfahre. Für meinen Fall ist es allerdings gewünscht, dass sich der Text verändert, wenn ich eine daneben stehende Grafik übefahre. Das soll funktionieren, ohne dass der Mauszeiger mit dem Text in Berührung kommt.
Antwort 4 von Dr.Ma-Busen
Moin!
Man kann in die Event-Handler onMouseover und onMouseout nicht nur einen befehl unterbringen, es sind auch mehrere möglich wenn man sie mit einen ; trennt.
Du kannst dann z.B. mit getElementById den Text ansprechen und dessen farbe ändern, wenn er sich natürlich in eine geeigneten html- Tag befindet und ein Id hat.
MfG
Dr.Ma-Busen
Man kann in die Event-Handler onMouseover und onMouseout nicht nur einen befehl unterbringen, es sind auch mehrere möglich wenn man sie mit einen ; trennt.
Du kannst dann z.B. mit getElementById den Text ansprechen und dessen farbe ändern, wenn er sich natürlich in eine geeigneten html- Tag befindet und ein Id hat.
MfG
Dr.Ma-Busen
Antwort 5 von rfb
mach ne Function im Script-bereich im Head:
dann in
und der Absatz kriegt ne id
function xyz(farbe) {
document.getElementById("absatz").style.color=farbe; }
dann in
<img .. onMouseOver="xyz('green')" onMouseOut="xyz('red')">
und der Absatz kriegt ne id
<p id="absatz">der text</p>
Antwort 6 von sutadur
Kann man die Funktion
"document.getElementById("absatz").style.color=farbe;"
noch um weitere Angaben erweitern, wie z.B. Schriftgröße und Schriftart?
"document.getElementById("absatz").style.color=farbe;"
noch um weitere Angaben erweitern, wie z.B. Schriftgröße und Schriftart?
Antwort 7 von Dr.Ma-Busen
Ja, kann man, z.B. document....style.size = "30px"
Aber ich würde es über CSS machen. Mach dir wie in Antwort 2 zwei CSS klassen und dann ändere nur denn className des objektes ( document.getElementById(..).style.className = Name)
MfG
Dr. Ma-Busen
Aber ich würde es über CSS machen. Mach dir wie in Antwort 2 zwei CSS klassen und dann ändere nur denn className des objektes ( document.getElementById(..).style.className = Name)
MfG
Dr. Ma-Busen