WCM Forum

WCM Forum (http://www.wcm.at/forum/index.php)
-   Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)
-   -   HTML onmouseover (http://www.wcm.at/forum/showthread.php?t=102727)

nordbahnfredi 15.07.2003 21:19

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?

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.


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:44 Uhr.

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 2009 FSL Verlag