Supportnet Computer
Planet of Tech

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:


<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

Antwort 5 von rfb

mach ne Function im Script-bereich im Head:
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?

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

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: