metanohi-misc-subsites/projects/x/mousexy.htm

43 lines
944 B
HTML
Raw Normal View History

2011-08-02 19:57:57 +02:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>MouseXY</title>
<style type='text/css'>
#box {position:fixed;left:0; top:0; width:75px; height:75px; background-color:#09fc37}
#mb {position:absolute; top:0; left:0; width:75px; height:75px; background-color:#09fc37}
p {margin:3px}
</style>
<script type='text/javascript'>
ie=document.all?true:false
function mc(e)
{
if (ie)
{
x=event.clientX+document.documentElement.scrollLeft
y=event.clientY+document.documentElement.scrollTop
}
else
{
x=e.pageX
y=e.pageY
}
if (x<0)
x=0
if (y<0)
y=0
document.getElementById("box").innerHTML="<p>x: "+x+"<br />y: "+y+"</p>"
document.getElementById("mb").style.top=y-80+"px"
document.getElementById("mb").style.left=x-2+"px"
}
document.onmousemove=mc
</script>
</head>
<body>
<div id='box'></div>
<div id='mb'></div>
</body>
</html>