posicion relativa de un div

[pantxo]

hola a todos,

tengo un div, con el el style="position:absolute". ¿Como puedo saber cual es la posicion relativa en la pantalla de ese div?

gracias de antemano

[xp64]

no entendi

tienes una capa posicionada absolutamente y quieres saber las coordenadas de la capa,

si le estas dando los valores de left y top esos son los valores o mas bien la posicion que tiene la capa en pantalla

no se que sea eso de la posicion relativa de la posicion absoluta

[pantxo]

al div no le pongo ni top ni left. lo utilizo para mostrar un calendario al pulsar una imagen, para que me aparezca la capa justo al lado de la imagen. lo que me gustaria saber es cual es la posicion de esa capa en la pantalla

gracias

[KarlanKas]

Pues quítale el position:absolute. No servirá para nada. Para qué quieres saber la posición?

[pantxo]

quiero saber la posicion, porque cuando la capa esta posicionada abajo del todo en el documento, quiero que me muestre la capa un poco mas arriba

[inakisantos]

Prueba haciendo un alert de las posiciones left y top, por ejemplo:

alert(window.divTUCAPA.style.top + "-" + window.divTUCAPA.style.left);

espero que te sirva.

Taluego.

[KarlanKas]

No está del todo bien lo que propones, inakisantos. Sería:

alert(document.getElementById('tucapa').style.top+ "-"document.getElementById('tucapa').style.left)

Pero si no lo has definido antes no funcionaría...

[inakisantos]

Buenas, no esta del todo bien.... lo he puesto suponiendo que la capa estaba definida previamente tal que así:

#divTUCAPA{position: absolute;top:X;background-color:#XXXXXX;overflow: auto; border-style: solid; border-width: 1 1 1 1; border-color: #XXXXXX;}

o algo parecido, entonces creo que si funcionaria, a mi almenos me funciona.

[pantxo]

nada, me devuelve un valor vacio, me imagino que sera porque no le he asignado ningun valor a top ni a left

[inakisantos]

Sip me he comido el top y el left al definir la capa.
im sorry!

[JavierB]

Hola pantxo y Cia.

Prueba con:

document.getElementById('tucapa').offsetTop;
document.getElementById('tucapa').offsetLeft;

Suerte. Saludos,

[pantxo]

nada JavierB, me devuelve la posicion absoluta, lo que yo quiero es la posicion relativa en la pantalla

[furoya]

Hola todos :

pantxo : a ver si entiendo; como la posición relativa de una posición absoluta no existe, debes tener el div dentro de otro con posición relativa que 'arrastra' al primero con respecto al documento. La posición absoluta sería entonces con respecto al div contenedor. Por lo tanto, la posición del 'contenido' sería la del 'contenedor' más la absoluta del contenido. Todo esto respecto al documento; no a la pantalla.

Si el parentElement del contenedor es el body, usa el código de JavierB. Si es otro, estamos en problemas para un navegador que no sea IE.

Coordenadas de una imagen dentro de un documento

saludos

furoya