jueves, 20 de noviembre de 2008

Posicion de objetos en JavaScript

Muchas veces precisamos saber exactamente cual es la posicion de un objeto HTML como una Tabla, un Div, o lo que sea para poder ponerle otro objeto cerca o encima y poder simular por ejemplo un "loading..". Obtener la posicion es a veces dificil porque depende si es relativa, o absoluta y segun las implementaciones de cada Browser. Bueno, aqui hay un par de funciones JavaScript que funcionan para FireFox, IE y Safari y calculan la posicion absoluta del elemento pasado por parámetro.
  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;
}

No hay comentarios:

Mis fotos en TrekEarth