<!DOCTYPE html>
<html>
<head>
<script>
function showXY(evt)
{
X = evt.clientX;
Y = evt.clientY;
document.getElementById("div1").innerHTML =" XPos ist: "+X+" YPos ist: "+Y;
}
function load()
{
var el = document.getElementById("div1");
el.addEventListener("mousemove", showXY, false);
}
document.addEventListener("DOMContentLoaded", load, false);
</script>
</head>
<body>
<div style="width:400px; height:400px; background-color:#FFFFE0" id="div1">
Move over the Fläche
</div>
</body>
</html> |