Posicion de un div con coordenadas

salbatore · #1 (**permalink**) 22/04/2010, 15:20

Hola foreros,

Estoy intentado saber la posicion de un div, pero no hay forma, jeje. Mirar el div esta dentro de un monton de div's, los cuales unos tienen position:absolute o relative; lo que complica el tema. Estoy intentando codigos... pero ninguno me devuelve la posicion del div respecto a la ventana del navegador,

He probado con (para la y):

mielemento.clientTop;
mielemento.pageYOffset;
mielemento.offsetTop;

¿Como puedo hacerlo?... el problema es el position:absolute, empiza a contar desde la posicion que comienza el div.

¿Alguna solucion?

Panino5001 · #2 (**permalink**) 22/04/2010, 15:42

Probá así:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script> 
function getElementPosition() { 
        var offsetTrail = this; 
        var offsetLeft = 0; 
        var offsetTop = 0; 
        while (offsetTrail) { 
            offsetLeft += offsetTrail.offsetLeft; 
            offsetTop += offsetTrail.offsetTop; 
            offsetTrail = offsetTrail.offsetParent; 
        } 
        return {left:offsetLeft, top:offsetTop}; 
} 
onload=function(){ 
    var pos=getElementPosition.call(document.getElementById('pp')); 
    alert(pos.top); 
    alert(pos.left); 
} 
</script> 
</head> 
 
<body><br /> 
<br /> 
<br /> 
<br /> 
<br /> 
 
<div id="pp"></div> 
</body> 
</html>

salbatore · #3 (**permalink**) 22/04/2010, 16:59

Hola Panino,

Me ha servido totalmente... ahora la voy a entender, jeje. Como ves por mis preguntas... estoy haciendo un script para mover cajas, jeje.

Hasta pronto!.