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