HTML onmouseover

nordbahnfredi · 15.07.2003, 21:19

<h1 id="Test"
onMouseover="this.innerHTML='Sehen Sie?'"
onMouseout="this.innerHTML='Ich bin dynamisch'">Ich bin dynamisch</h1>

Wie kann ich in obigem Beispiel bei onMouseover anstelle des Textes 'Sehen Sie?' eine Grafik anzeigen?

santi · 15.07.2003, 22:20

Hi,
wie es mit Java geht weiß ich leider nicht da ich bei meinen Homepage-Experimenten Java komplett rausgeschmissen habe und nur mehr CSS verwende.

Wenn es nur darum geht ein Bild bei Mausberührung durch ein anderes Bild zu ersetzen würde ich es mit CSS so machen:

Code:

 

<html>
<head>
<style type="text/css">
a.wechselbild {
display:block;
width:250px;
height:250px;
border:1px solid #000000;
background-image:url(bild1.jpg);
}

a.wechselbild:hover {
background-image:url(bild2.jpg);
}

</style>
</head>

<body>



</body>
</html>

(Quelle: www.css4you.pehlgrim.de )

Gruß
santi

_m3 · 15.07.2003, 22:35

@Santi: s/Java/JavaScript/gi

sagi · 15.07.2003, 23:33

hallo.

IIRC gibt es da ein outerHTML Attribut, mit dem auch der Tag geaendert wird.

mfg
c.

nordbahnfredi · 16.07.2003, 08:10

Danke für den Tipp aber ich möchte einen TEXT durch ein BILD bei mouseover ersetzen.

15.07.2003, 21:19	#1
nordbahnfredi Inventar Registriert seit: 12.10.2000 Ort: Wien Alter: 76 Beiträge: 1.963	HTML onmouseover <h1 id="Test" onMouseover="this.innerHTML='Sehen Sie?'" onMouseout="this.innerHTML='Ich bin dynamisch'">Ich bin dynamisch</h1> Wie kann ich in obigem Beispiel bei onMouseover anstelle des Textes 'Sehen Sie?' eine Grafik anzeigen? ____________________________________ Schöne Grüße nordb@hnfredi

15.07.2003, 22:20	#2
santi Master Registriert seit: 01.11.2001 Beiträge: 531	Hi, wie es mit Java geht weiß ich leider nicht da ich bei meinen Homepage-Experimenten Java komplett rausgeschmissen habe und nur mehr CSS verwende. Wenn es nur darum geht ein Bild bei Mausberührung durch ein anderes Bild zu ersetzen würde ich es mit CSS so machen: Code: <html> <head> <style type="text/css"> a.wechselbild { display:block; width:250px; height:250px; border:1px solid #000000; background-image:url(bild1.jpg); } a.wechselbild:hover { background-image:url(bild2.jpg); } </style> </head> <body> </body> </html> (Quelle: www.css4you.pehlgrim.de ) Gruß santi ____________________________________ Signaturen sind wie Frauen. Man findet selten eine Vernünftige.

15.07.2003, 22:35	#3
_m3 Inventar Registriert seit: 24.09.2001 Beiträge: 7.335	@Santi: s/Java/JavaScript/gi ____________________________________ Weiterhin zu finden auf http://martin.leyrer.priv.at , http://twitter.com/leyrer , http://www.debattierclub.net/ , http://www.tratschen.at/ und via Instant Messaging auf Jabber: m3 <ät> cargal.org .

15.07.2003, 23:33	#4
sagi Elite Registriert seit: 08.11.2001 Alter: 42 Beiträge: 1.285	hallo. IIRC gibt es da ein outerHTML Attribut, mit dem auch der Tag geaendert wird. mfg c. ____________________________________ www.sagmueller.net Freedom - use it or lose it (Lawrence Lessig) Im übrigen bin ich der Meinung, dass Microsoft zerschlagen werden muss.

16.07.2003, 08:10	#5
nordbahnfredi Inventar Registriert seit: 12.10.2000 Ort: Wien Alter: 76 Beiträge: 1.963	Danke für den Tipp aber ich möchte einen TEXT durch ein BILD bei mouseover ersetzen. ____________________________________ Schöne Grüße nordb@hnfredi

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)