Posición absulota de un elemento

ocampo · #1 (**permalink**) 05/05/2003, 15:09

Necesito una forma de averiguar la posición absoluta de un elemento cuya posición no está definida explícitamente. Por ejemplo:

<table border = "4" height = "20">
<tr>
<td>
<div>Una Div</div>
</td>
</tr>
</table>

¿Cómo podría averiguar las propiedades height y width absolutas de la div?. Es decir, la distancia hasta el borde superior y el borde izquierdo de la ventana?

Necesito saber esto porque quiero dibujar menúes al lado de rows cuya posición absoluta no conozco. Pueden verlo en Infoforos , la página que estoy desarrollando. (Hasta ahora vengo utilizando valores estimados para el height de los menúes, pero eso varía con el explorador)

caricatos · #2 (**permalink**) 05/05/2003, 16:16

Hola ocampo:

Últimamente he descubierto offsetTop y offsetLeft... y para dimensiones offsetWidth y offsetHeight.

He visto que funciona en netscape y explorer (y creo que también en opera)

Pruébalo, y dime si te va bien...

Ejemplo:
<body onload="var x=document.getElementById('tabla');
alert('top=' + x.offsetTop + '\nleft=' + x.offsetLeft)" >
<br>
<table id=tabla><tr><td>
Ejemplo de tabla
</td></tr></table>

Saludos

ocampo · #3 (**permalink**) 05/05/2003, 21:24

Hola caricatos:
lamentablemente las propiedades offsetTop y offsetLeft contienen la distancia desde el objeto hasta el objeto que lo contiene.... por ejemplo:

<table>
<tr>
<td>
<table id = "tabla">
<tr><td id = "fila">Una fila</td></tr>
</table>
</td>
</tr>
</table>

fila.offsetTop nos da la distancia deste fila hasta tabla, o sea:
fila.offsetTop = <<valor aboluto de top de fila>> - tabla.offsetTop, no se si me explico....

de todas formas, muchas gracias, caricatos, pero aún necesito una respuesta, espero que la tengas

saludos