Hallo,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>roter_kasten</title><style type="text/css">
#schwarz {width:500px; height:350px; background-color:black; position:static; top:50px; left:50px;}
#rot {width:50px; height:50px; background-color:red; position:relative;top:0px; left:0px;}
</style>
[code lang=javascript]
<script language="JavaScript" type="text/javascript">
window.onload = function() {
divRot = document.getElementById("rot");
divRot.onclick = startFolgen;
ersterKlick = true;
divSchwarz = document.getElementById("schwarz");
divSchwarz.onclick = stopFolgen;
}
startFolgen = function () {
alert("losjetzt");
ersterKlick = true;
document.onmousemove = folgen;
}
stopFolgen = function () {
if (ersterKlick) {
ersterKlick = false;
} else {
alert("vorbei");
document.onmousemove = "";
}
}
folgen = function (myMouseEvent){
xPos = myMouseEvent.pageX;
yPos = myMouseEvent.pageY;
inRange = ( (xPos <450) && (yPos <300));
if (inRange) {
divRot.style.left = xPos + "px";
divRot.style.top = yPos + "px";
}
}
~~~</script>
</head>
<body>
<div id="schwarz"><div id="rot"></div></div>
</body>
</html>
"0 < x < irgendwas" klappte irgendwie nicht.
[/code]Gruß
jobo