Ti propongo questo (comunque da verificare)....
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function retrieveCoordinateX(anObject) {
if (anObject == null) {
return 0;
}
var parent = anObject.offsetParent;
return anObject.offsetLeft + retrieveCoordinateX(parent);
}
function retrieveCoordinateY(anObject) {
if (anObject == null) {
return 0;
}
var parent = anObject.offsetParent;
return anObject.offsetTop + retrieveCoordinateY(parent);
}
//-->
</script>
</head>
<body>
[img]image1.gif[/img]
qui si vedono le coordinate rispetto al quadro della pagina poiche il "padre" dell'img è il body
<script language="JavaScript" type="text/javascript">
<!--
document.write("posizione x : "+ document.getElementById('i1').offsetLeft," - posizione y : "+ document.getElementById('i1').offsetTop);
//-->
</script>
qui si vedono le coordinate rispetto al quadro della pagina
<script language="JavaScript" type="text/javascript">
<!--
cx = retrieveCoordinateX(document.getElementById('i1'));
cy = retrieveCoordinateY(document.getElementById('i1'));
document.write("posizione x : "+ cx," - posizione y : "+ cy);
//-->
</script>
<hr>
<table summary="" border="1">
<tr>
<td>dddddddddddddddddd</td>
<td>[img]image1.gif[/img]</td>
</tr>
</table>
qui si vedono le coordinate rispetto alla cella della tabella poiche il "padre" dell'img è il TD.
<script language="JavaScript" type="text/javascript">
<!--
document.write("posizione x : "+ document.getElementById('i2').offsetLeft," - posizione y : "+ document.getElementById('i2').offsetTop);
//-->
</script>
qui si vedono le coordinate rispetto al quadro della pagina
<script language="JavaScript" type="text/javascript">
<!--
cx = retrieveCoordinateX(document.getElementById('i2'));
cy = retrieveCoordinateY(document.getElementById('i2'));
document.write("posizione x : "+ cx," - posizione y : "+ cy);
//-->
</script>
</body>
</html>