Posição X e Y dentro de uma div ou TD

[repifanio 0]

Boa noite, preciso pegar as coordenadas do mouse dentro de uma div centralizada na tela, ou seja, com a div no centro da tela, quero colocar o mouse no canto esquerdo superior e receber as coordenadas 0,0. É possível?

Preciso armazenar essas coordenadas para quando carregar a imagem ela venha na posição correta, como naqueles testes de facebook onde a foto de perfil é carregada na posição certa.

Espero que me compreendem.

Obrigado desde já!

[repifanio 0]

Bom dia, para resolver meu problema, também serve pegar o margin-top e margin-left do css. Se alguém souber e poder ajudar agradeço.

[repifanio 0]

Apenas para informação, consegui o que precisava pegando a posição da minha DIV e a posição do mouse, ai fiz a subtração da posição do mouse pela posição da DIV e consegui o que queria. Segue o código abaixo:

<script type="text/javascript">
function showCoords(event){
/*
*Nas duas linhas abaixo é pego a posição do mouse.
*/
var posicaoX = event.clientX;
var posicaoY = event.clientY;
/*
*Nas três linhas seguintes pego a posição da DIV e faço a subtração da posição do mouse menos a posição da DIV
*/
posiçãoReal = $("#testediv").offset();
var localx = posicaoX - posiçãoReal.left;
var localy = posicaoY - posiçãoReal.top;
/*
*Atribuo as variáveis com a posição;
*/
var coordsx = localx + "px;";
var coordsy = localy + "px;";
/*
*Lanço as variávei nos inputs correspondentes
*/
document.getElementById("posicao_x").value = coordsx;
document.getElementById("posicao_y").value = coordsy;
}
</script>