Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rodrigojp

Pegar coordenada de um campo imagem em relação à página!

Recommended Posts

Tenho um campo imagem no meu site com:

 

Width = 200 px

Height = 200 px

 

Já tenho uma função que captura a coordenada (dentro da imagem) do click do mouse.

 

O meu problema é que preciso mostrar um tooltip sobre esta coordenada na imagem, mas obviamente quando "seto" as coordenadas para o tooltip aparecer ela se refere as coordenadas de toda a página e não apenas da imagem.

 

Desta forma o Tooltip sempre aparece em uma coordenada deslocada do local correto.

 

Sabemos que a coordenada (0, 0) -> x=0 e y=0 da imagem está no canto superior esquerdo da imagem.

 

Ex: setar coordenadas (100, 100) deveria aparecer no centro da imagem.

 

 

Como fazer isso?

 

Como posso saber a coordenada da página que é igual a coordenada 0,0 da imagem ? (uma das formas que pensei)

 

Se eu soubesse, por exemplo, que a coordenada (0,0) da imagem é igual (250,300) da página eu desenrolava o resto. (acho que teria que fazer isso durante ou logo após o carregamento da página)

 

Ou setar a origem das coordenadas (0,0) do tooltip ser a (0,0) do campo imagem.

 

 

Agradeço antecipadamente qualquer ajuda!

 

 

Um abraço!

 

 

Rodrigojp

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara, precisei de uma função parecida e encontrei digitando exatamente tooltip no google, vem uma série de opções, só não me lembro qual usei, mas tem vários prontos, só aplicar no seu código.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.