saber la posición de un elemento

[IsaBelM]

hola, tengo alrededor de 120 divs, y quisiera saber la posición de cada div para poder mostrar una capa centrada justamente debajo de ese div

Código html:

<div id="cont_<%=i%>" onclick="Abre_Capa(this.id);">Mostrar</div>
 

gracias

[SetheR]

Hola IsabelM:

Yo usaría las propiedades offsetLeft y offsetTop. Que se puede acceder a ellas desde un elementodel dom.
Ejemplo:

Código &quot:

document.getElementById("mielemento").offsetLeft;
 

Te devuelve en entero la posicion en pixeles de su amrgen izquierda. Ojo, respecto a su capa padre. Con left y top deberías ser capaz de posicionar una capa.

Un saludo

[IsaBelM]

gracias SetheR, pero yo lo necesito con respecto a su posición en la ventana. mas o menos sería algo como esto, pero no logro que funciones

Código javascript:

function Abre_Capa(e,num) {
 
    var evento = e || window.event;
    var coordenadaX = document.getElementById("cap_"+nun).evento.clientX;
    var coordenadaY = document.getElementById("cap_"+nun).evento.clientY;
    alert("Div en posición: " + coordenadaX + "," + coordenadaY);
}
 

Código html:

<div id="cont_<%=i%>" onclick="Abre_Capa(e,this.id);">Mostrar</div>
 

gracias

[matak]

Buenas IsaBelM

Creo que esta función te puede servir:

Código javascript:

function getAbsoluteElementPosition(element) {
  if (typeof element == "string")
    element = document.getElementById(element)
    
  if (!element) return { top:0,left:0 };
  
  var y = 0;
  var x = 0;
  while (element.offsetParent) {
    x += element.offsetLeft;
    y += element.offsetTop;
    element = element.offsetParent;
  }
  return {top:y,left:x};
}
 

La función acepta como parámetro o bien el ID de un elemento (una cadena), o bien el propio elemento como objeto. El valor de retorno es también un objeto con dos propiedades : top y left, que contienen la posición buscada.

Un ejemplo de uso podría ser el siguiente:

Código javascript:

function test(ID) {
  var elemento = document.getElementById(ID);
  var pos = getAbsoluteElementPosition(elemento)
  
  alert("top="+pos.top+" left="+pos.left)
}
 

[IsaBelM]

hola, gracias a ambos por responder. matak perfecto, justo lo que queria