Tweet
Hi,
Ich hoffe, dass sich vielleicht schon mal jm. zuvor mit meinem Problem beschäftigt hat und mir helfen kann.
Folgendes Script positioniert ein DIV-Layer mit Text relativ zur Mausbebewegung solange man über ein Bild "baseimage.jpg" fährt. Verlässt man das Bild wird das Layer ausgeblendet.
Im IE funktioniert das Script auch sehr gut. Leider wird in Firefox folgender Fehler angezeigt =>
"window.event" has no properties
Das Problem muss also beim Event-Handler liegen. Hat jm eine Idee wie man das Script anpassen müsste, damit auch Firefox und möglichst auch Opera das Script akzeptieren?
Ich wäre euch sehr dankbar für Eure Hilfe!
Viele Grüße
Sebi
Ich hoffe, dass sich vielleicht schon mal jm. zuvor mit meinem Problem beschäftigt hat und mir helfen kann.
Folgendes Script positioniert ein DIV-Layer mit Text relativ zur Mausbebewegung solange man über ein Bild "baseimage.jpg" fährt. Verlässt man das Bild wird das Layer ausgeblendet.
Im IE funktioniert das Script auch sehr gut. Leider wird in Firefox folgender Fehler angezeigt =>
"window.event" has no properties
Das Problem muss also beim Event-Handler liegen. Hat jm eine Idee wie man das Script anpassen müsste, damit auch Firefox und möglichst auch Opera das Script akzeptieren?
Ich wäre euch sehr dankbar für Eure Hilfe!
Viele Grüße
Sebi
Code:
<html>
<head>
<style type="text/css">
#myLayer {
visibility:hidden;
position:absolute;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
function handler(e){
Xx = window.event.offsetX;
Yy = window.event.offsetY;
document.getElementById("myLayer").style.left = Xx + document.getElementById("map").offsetLeft;
document.getElementById("myLayer").style.top = Yy + document.getElementById("map").offsetTop;
}
function an() {
document.getElementById("myLayer").style.visibility='visible';
}
function aus() {
document.getElementById("myLayer").style.visibility='hidden';
}
</script>
</head><body>
<br><br><br><br>
<a href="datei.htm" onMouseOver="an()" onMouseOut="aus()">
<img src="baseimage.jpg" onMouseMove="handler(this)" id="map">
</a>
<div id="myLayer">Text über dem Bild</div>
</body>
</html>
Kommentar