Pegar coordenadas (X e Y) - javascript

Question

 

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?

Answer 1

 

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

Answer 2

Muito obrigado pela ajuda Koiti
vou testar suas dicas e qualquer coisa entro em contato
um abraço

Answer 3

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)

Answer 4

 

cache do google:

http://64.233.169.104/search?q=cachelna7C6TPnQJ: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