Tuesday, October 21, 2008

Getting Image coordinates on mouse move.

<html>
<head>
<script language="JavaScript">
function point_it(event)
{
pos_x = event.offsetX;
pos_y = event.offsetY;
document.pointform.form_x.value = pos_x;
document.pointform.form_y.value = pos_y;
}
</script>
</head>
<body>
<form name="pointform" method="post">
<img src="Sunset.jpg" id="cross" onmousemove="point_it(event)"/>
You pointed on x = <input type="text" name="form_x" size="4" /> - y = <input type="text" name="form_y" size="4" />
</form>
</body>
</html>

No comments: