I det følgende er første alert koordinater i forhold til øverste venstre hjørne. I anden alert er det i forhold til det øverste venstre hjørne af det objekt der er trykket på, men læg mærke til at det kun virker hvis dette objekt er positioneret med enten 'relative' eller 'absolute'
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/REC-html40/strict.dtd"><html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<title>Test.</title>
<style type="text/css">
td {
border: 1px solid blue; }
div {
height: 50px;
background-color: red; }
</style>
<script type="text/javascript">
function oFunc(e) {
alert("Left : "+e.clientX+" Top : "+e.clientY);
e.target?e.target:e.target=e.srcElement;
alert("Left : "+(e.clientX-e.target.offsetLeft)+" Top : "+(e.clientY-e.target.offsetTop)); }
</script>
</head>
<body>
<table style="width: 300px; margin: 0px auto;">
<tr>
<td><div style="position: static;" onclick="oFunc(event);"></div></td>
</tr><tr>
<td><div style="position: relative;" onclick="oFunc(event);"></div></td>
</tr>
</table>
</body>
</html>
Mvh. Johan