Posição Do Mouse Dentro De Div Com Overflow

[Amaury Silva]

E aí pessoal... sou novo aki e gostaria uma ajuda de vocês..

É o seguinte:

Tenho uma <DIV> com uma <IMG> nela, eu queria que quando eu passasse o mouse sobre a imagem retornasse a posição corrente do mouse(X,Y). Já consultei varios códigos inclusive aqui mesmo no forum... mais não funcionou. Obs: a página te scroll...

Um dos problemas que eu estou tendo com o javascript é o "clientX" e "clientY" que simplesmente não funciona. Tentei tb com "offset" e nada...

Aguardo o apoio de vocês valeu...

[Matheus Matos]

Opa Amauri, seja bem vindo ao clube fórum!

Bem, o que você quer fazer é algo bem fácil, bem, o código ficaria assim:

no js:

function pos() {
  posX = window.event.clientX;
  posY = window.event.clientY;
  window.alert("As coordenadas são, X:" + posX ", e Y:" + posY".");
}

no html:

<div>
  <img src="local_da_imagem.gif" onmouseover="pos()" />
</div>

Testa aí e diz no que deu! :lol:

Vlw

Matheus Matos

Editado Setembro 23, 2009 por Matheus Matos