nicht angemeldet
Hallo!
Ich habe wie immer ein Problem. Folgendes: Ich möchte dass einfach dein div Layer genau der Maus nachfährt, bzw. genauer gesagt genau unter der Maus liegt. Habe nun einen kleinen Quelltext der nicht funktioniert. Vielleicht weiß jemand von euch das Problem.
Zusatz: Es geht im IE, aber nicht in Opera und Mozilla (sprich NN7). Mozilla gibt mir übrigens als Fehlermeldung aus: Movey is not defined.
MFG Marek
<html>
<head>
<style type="text/css">
#Movey {position:absolute; background-color:#000000; width:80px; height:80px}
</style>
<script language="JavaScript" type="text/javascript">
var LayerX, LayerY, MausX, MausY, Movelayer;
function init (element,e)
{
Movelayer = element;
if (document.layers)
{
LayerX = e.pageX - 40;
MausX = e.pageX;
LayerY = e.pageY - 40;
MausY = e.pageY;
document.captureEvents(Event.MOUSEMOVE)
}
else if (document.all || document.getElementById)
{
LayerX = e.clientX - 40;
MausX = e.clientX;
LayerY = e.clientY - 40;
MausY = e.clientY;
}
document.onmousemove = Move;
}
function Move(e)
{
if (document.layers)
{
Movelayer.left = LayerX + e.pageX - MausX;
Movelayer.top = LayerY + e.pageY - MausY;
}
else if(document.all)
{
Movelayer.style.posLeft = LayerX + event.clientX - MausX;
Movelayer.style.posTop = LayerY + event.clientY - MausY;
}
else if (document.getElementById)
{
Movelayer.style.left = (LayerX + e.clientX - MausX) + "px";
Movelayer.style.top = (LayerY + e.clientY - MausY) + "px";
}
}
function Stopp()
{
document.onmousemove = null;
Movelayer = null;
if (document.layers)
{
document.releaseEvents(Event.MOUSEMOVE);
}
}
if (document.layers)
{
document.Movey.clip.width = 60;
document.Movey.clip.height= 60;
document.Movey.captureEvents(Event.MOUSEUP | Event.MOUSEDOWN);
document.Movey.onmousedown = function(e)
{
init(this,e);
};
document.Movey.onmouseup = function(e)
{
Stopp();
};
}
</script>
<title>Dynamisches HTML</title>
<meta name="author" content="tm021059">
</head>
<body onload="init(Movey,event)">
<div id="Movey"> </div>
</body>
</html>