Ir para conteúdo
Fórum Script Brasil
  • 0

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


repifanio

Pergunta

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á! 

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 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>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...