Frage zu den Eventhändlern
N66
- html
0 Beat0 N66
Es gibt bei den Eventhändlern den Code onemouseover, bei dem etwas anderses beim Überfahren des Textes angezeigt wird. Ich habe das Beispiel:
<html><head><title>Test</title>
</head><body>
<h1 id="Test"
onmouseover="this.innerHTML = 'Sehen Sie?'"
onmouseout="this.innerHTML = 'Ich bin dynamisch'">Ich bin dynamisch</h1>
</body></html>
<http://de.selfhtml.org/javascript/sprache/anzeige/onmouseover.htm@title=Angezeigtes Beispiel>
genommen und versucht statt dem dynamischen Text Bilder einzubinden. Das sah dann so aus:
<img src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif"
onmouseover="this.innerHTML = '<img src="http://www.maaarcel.de/bcb/img_sponsoren/news_1213978583.jpg">'"
onmouseout="this.innerHTML = '<img src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif">'>
Die Anzeige funtionierte dann aber sehr komisch.
Nun möchte ich wissen, ob das mit Bildern überhaupt möglich ist, und wenn ja, welchen Fehler ich eingebaut habe.
Danke schonmal im Vorraus!
genommen und versucht statt dem dynamischen Text Bilder einzubinden. Das sah dann so aus:
<img src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif"
onmouseover="this.innerHTML = '<img src="http://www.maaarcel.de/bcb/img_sponsoren/news_1213978583.jpg">'"
onmouseout="this.innerHTML = '<img src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif">'>
>
> Die Anzeige funtionierte dann aber sehr komisch.
>
> Nun möchte ich wissen, ob das mit Bildern überhaupt möglich ist, und wenn ja, welchen Fehler ich eingebaut habe.
Vielleicht möchtest du eher den Inhalt des src Attributes austauschen. Denn ein Bild hat kein inneres HTML
onmouseover="this.src='http://www.maaarcel.de/bcb/img\_sponsoren/news\_1213978583.jpg'"
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische
Vielleicht möchtest du eher den Inhalt des src Attributes austauschen. Denn ein Bild hat kein inneres HTML
onmouseover="this.src='http://www.maaarcel.de/bcb/img_sponsoren/news_1213978583.jpg'"
mfg Beat
Danke schonmal für die schnelle Antwort.
Uups. Kann man diese innere Html irgendwie anpassen, sodass sich Bilder anzeigen lassen?
@@N66:
Danke schonmal für die schnelle Antwort.
Warum bedankst du dich für eine Antwort, ohne diese zu lesen?
Live long and prosper,
Gunnar
Ich habe die Antwort gelesen, sonst hätte ich wohl kaum so auf deren Inhalt antworten können.
@@N66 :
Ich habe die Antwort gelesen, sonst hätte ich wohl kaum so auf deren Inhalt antworten können.
Offenbar hast du sie nicht richtig gelesen, sonst hättest du wohl kaum so auf deren Inhalt antworten können.
Live long and prosper,
Gunnar
Oh, sorry. Hab wirklich ein Stück überlesen. Ich hab den Quellcode nochmal so
<html>
<body>
<img src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif"
onmouseover="this.src='http://www.maaarcel.de/bcb/img_sponsoren/news_1213978583.jpg">"
onmouseout="this.src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif">>
</html>
</body>
überarbeitet, es kommt aber trotzdem keine ordentliche Funktion dabei raus.
Oh, sorry. Hab wirklich ein Stück überlesen. Ich hab den Quellcode nochmal so
<html>
<body>
<img src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif"
onmouseover="this.src='http://www.maaarcel.de/bcb/img_sponsoren/news_1213978583.jpg">"
onmouseout="this.src="http://marikasblog.files.wordpress.com/2007/04/hallo.gif">>
</html>
</body>
>
> überarbeitet, es kommt aber trotzdem keine ordentliche Funktion dabei raus.
Achte auf die Anführungszeichen. Nimm "" um den Inhalt von inmouseover zu bezeichnen und '' um den Inhalt von this.src= zu bezeichnen.
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische
Jaaa, jetzt geht es! Vielen Dank!