Find pos left

xinxan22 · #1 (**permalink**) 20/10/2010, 02:47

Buenos días,

Tengo un menú hecho con <html><table><tr><td id='id_objeto'></td></tr></table> y me gustaría poder abrir una etiqueta div alineada a la celda <td>, encontré una función por internet que me dice el LEFT donde se encuentra esa celda:

Código HTML:

function findPos(obj){ 
     var curleft=curtop=0;
	 if(obj.offsetParent){
	   do{
	     curleft+=obj.offsetLeft;
		 curtop+=obj.offsetTop;
	   }while(obj=obj.offsetParent);
	   return [curleft,curtop]; 
     }	 
}

El problema que tengo es que solo funciona con Chrome y Mozilla Firefox, para IE no funciona.

Alguien puede decirme porque no funciona para IE o ayudarme alguna alternativa para encontrar el LEFT que hay para poder mostrar esa etiqueta DIV

Gracias un saludo

Panino5001 · #2 (**permalink**) 20/10/2010, 12:50

Habría que ver tu html, a ver si estás definiendo un doctype y está bien estructurado, que es lo que puede estar fallándote (viejas versiones de explorer mostraban un bug en el cálculo que se solucionaba colocando a enlaces y span position relative, pero no creo que sea tu caso.)

xinxan22 · #3 (**permalink**) 21/10/2010, 00:31

Cita:

Iniciado por Panino5001

Habría que ver tu html, a ver si estás definiendo un doctype y está bien estructurado, que es lo que puede estar fallándote (viejas versiones de explorer mostraban un bug en el cálculo que se solucionaba colocando a enlaces y span position relative, pero no creo que sea tu caso.)

Ya lo tengo solucionado, creo que era un problema de la estructura:

Mi html era una cosa así:

<table>
<tr>
<td>
<table>
<tr><td id='menu_1'>Menu1</td></tr>
<tr><td id='menu_2'>Menu2</td></tr>
<tr><td id='menu_3'>Menu3</td></tr>
</table>
<script>
valor=finPos();
...
...
</script>
<div>...</div>
</td>
</tr>
</table>

Y ahora está así y funciona:

<table>
<tr>
<td>
<table>
<tr><td id='menu_1'>Menu1</td></tr>
<tr><td id='menu_2'>Menu2</td></tr>
<tr><td id='menu_3'>Menu3</td></tr>
</table>
</td>
</tr>
</table>

<script>
valor=finPos();
...
...
</script>
<div>...</div>