PUBLICIDADE
Este código tem nota
10

Autor

vanessa

Vanessa Weber

membro deste julho de 2006

Compartilhe e guarde

  • Rec6
  • StumbleUpon
  • ueba
  • linkk
  • dihitt
  • linkloko
  • linkto
  • Technorati
  • Simpy
  • del.icio.us
  • Faves: Fave It!

PUBLICIDADE

Enquete

Que linguagem server-side você utiliza?

Pegar a Posição do Elemento na Tela


Com esta função é possível resgatar a posição exata (LEFT e TOP) de qualquer elemento que esteja no browser basta passar o ID para a função.
<script language="JavaScript">
function getPosicaoElemento(elemID){
    var offsetTrail = document.getElementById(elemID);
    var offsetLeft = 0;
    var offsetTop = 0;
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }
    return {left:offsetLeft, top:offsetTop};
}

//EXEMPLO CHAMADA
alert("esquerda:" + getPosicaoElemento("ELEMENTO").left)
alert("topo:" + getPosicaoElemento("ELEMENTO").top)
</script>
<div id="ELEMENTO">Elemento de Exemplo - Código Fonte</div>

Sim   Não   Este código foi útil para você?
NotaComentário
10
qwertyui0p comentou em 20/5/2009

Muito últil!!! Obrigado. =)

Só um complemento... coloca mais um argumento no título da função, chamado "containerID" e acrescenta no final:

if (containerID!==""){
offsetTop -= document.getElementById(containerID).scrollTop;
}
Regras:
Os comentários seguem as seguintes regras:
  • Todos os comentários são enviados por membros cadastrados no site.
  • A pontuação de comentários de conteúdo do próprio membro não serão computados.
  • Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
  • Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
  • O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
  • Há um limite de 10 comentários por dia para cada membro.
  • Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

     (ainda não tem cadastro? clique aqui!)


Máximo de 30 caracteres

Máximo de 255 caracteres
 

R&W Consulting - Soluções Web Hospedagem UOL HOST PagSeguro - solução para pagamentos online
© 2006-2009 R&W Informática Ltda. - Todos os direitos reservados.