none
Pegar coordenadas (X e Y) - javascript RRS feed

  • Pergunta

  •  

    Olá amigos tudo bom?

    Pessoal, tem como pegar a posição x e y de um text field?

    tava pesquisando pela net, vi que voce pode pegar as coordenadas do mouse, mas pode se fazer o mesmo com campos do tipo texto?

    domingo, 16 de setembro de 2007 16:23

Respostas

  •  

    teoricamente você pode acessar as seguintes propriedades:

    elemento.offsetLeft

    elemento.offsetTop

     

    elemento.scrollLeft

    elemento.scrollTop

     

    o left é a posição X, top é a posição Y, eu digo teoricamente porque as vezes o navegador pode não renderizar essas propriedades, e no caso do scroll*, dependendo do navegador ele irá retornar literalmente a posição da barra de rolagem (já que é essa a intenção dessa propriedade), então eu sugiro tentar o offset*

    se não retornar nada existe uma outra maneira de calcular a posição X e Y do elemento, dê uma olhada nesse site:

    http://blog.firetree.net/2005/07/04/javascript-find-position/

    ele explica o método para encontrar a posição X e Y que é a mais recomendável também

    []s

    domingo, 16 de setembro de 2007 18:53

Todas as Respostas

  •  

    teoricamente você pode acessar as seguintes propriedades:

    elemento.offsetLeft

    elemento.offsetTop

     

    elemento.scrollLeft

    elemento.scrollTop

     

    o left é a posição X, top é a posição Y, eu digo teoricamente porque as vezes o navegador pode não renderizar essas propriedades, e no caso do scroll*, dependendo do navegador ele irá retornar literalmente a posição da barra de rolagem (já que é essa a intenção dessa propriedade), então eu sugiro tentar o offset*

    se não retornar nada existe uma outra maneira de calcular a posição X e Y do elemento, dê uma olhada nesse site:

    http://blog.firetree.net/2005/07/04/javascript-find-position/

    ele explica o método para encontrar a posição X e Y que é a mais recomendável também

    []s

    domingo, 16 de setembro de 2007 18:53
  • Muito obrigado pela ajuda Koiti
    vou testar suas dicas e qualquer coisa entro em contato
    um abraço
    segunda-feira, 17 de setembro de 2007 12:15
  • Koiti
    o site que voce indicou nao existe mais
    poderia por favor indicar algum outro?

    The requested URL could not be retrieved


    While trying to retrieve the URL: http://blog.firetree.net/2005/07/04/javascript-find-position/

    The following error was encountered:

    Unable to determine IP address from host name for blog.firetree.net

    The dnsserver returned:

    Server Failure: The name server was unable to process this query.

    This means that:

     The cache was not able to resolve the hostname presented in the URL. 
    Check if the address is correct.

    Your cache administrator is webmaster.


    Generated Mon, 17 Sep 2007 12:17:04 GMT by lantech.net.br (squid/2.6.STABLE13)

    segunda-feira, 17 de setembro de 2007 12:18
  •  

    cache do google:

    http://64.233.169.104/search?q=cacheSurpriselna7C6TPnQJ:blog.firetree.net/2005/07/04/javascript-find-position/+get+x+y+position+javascript+parent&hl=pt-BR&ct=clnk&cd=1&gl=br

    hehehee

     

    as funções são essas:

     

     function findPosX(obj)
      {
        var curleft = 0;
        if(obj.offsetParent)
            while(1)
            {
              curleft += obj.offsetLeft;
              if(!obj.offsetParent)
                break;
              obj = obj.offsetParent;
            }
        else if(obj.x)
            curleft += obj.x;
        return curleft;
      }

      function findPosY(obj)
      {
        var curtop = 0;
        if(obj.offsetParent)
            while(1)
            {
              curtop += obj.offsetTop;
              if(!obj.offsetParent)
                break;
              obj = obj.offsetParent;
            }
        else if(obj.y)
            curtop += obj.y;
        return curtop;
      }

     

    []s

    terça-feira, 18 de setembro de 2007 01:50