<html>
<head>
</head>
<script language="javascript">
<!--
function getXY(obj){
     var x=0 ,y=0;
     for(var Obj = obj; Obj; Obj = Obj.offsetParent)
     {
           x += parseInt(Obj.offsetLeft);
           y += parseInt(Obj.offsetTop);
     }
     x = event.clientX+document.body.scrollLeft-x;
     y = event.clientY+document.body.scrollTop -y;
     alert("X="+x+"  Y="+y);
}
//-->
</script>
<body style="background-color:#0f0f0f;">
<table >
<tr>
     <td> </td>
     <td> </td>
     <td> <img src="images/bd-bg.png" οnclick="getXY(this)"  border="0" alt="" /></td>
     <td> </td>
     <td> </td>
</tr>
</table>
</body>
</html>