Como obtener atributo Height de un Div

[haffe]

Que tal señores,

Desde hace un par de dias, estoy tratando de hacer algo, de lo cual no se si es la mejor manera.

Y aqui voy...

Tengo una pagina principal con un iframe llamado "iframeCentro", donde solo el atributo width esta definido. El atributo height debe ser dinamico dependiendo de la informacion a cargar.

En "iframeCentro" pretendo cargar una pagina PHP llamada "generarListado.php" que contiene a su vez un Div llamado "divLista". Y en este "divLista" se van a cargar listados de tamaños variables.

Que Necesito?? Necesito obtener desde la pagina principal, el atributo height del div "divLista" (que está definido en "generarListado.php") despues de haberle cargado una informacion dinamicamente. Para luego, asignarle ese valor height, al atributo height del iframe "iframeCentro".

Un pedazo de codigo para ilustrar un poco mas:

Pagina principal:

Código:

<iframe  id="iframeCentro" name="iframeCentro" src="centro.php" scrolling="no" frameborder="2"  width="96%" ></iframe>

Archivo .JS de la Pagina Principal:

Código:

$('iframe').load(function()
     this.style.height = // AQUI VA LA LINEA JQUERY PARA OBTENER EL ATRIBUTO HEIGHT DEL DIV "divLista"
});

Pagina PHP "generarListado.php" a cargar en "iframeCentro":

Código:

<div id="divLista"></div>

Archivo .JS de la pagina PHP "generarListado.php", para cargar el div "divLista"

Código:

codigo solucionado y sin problemas, que carga informacion html dentro de "divLista".

Entonces he tenido problemas para obtener el alto real del divLista despues que se ha creado dinamicamente.

Agradezco su colaboracion de ante mano.

[JavierB]

Hola haffe

Prueba con...

Código javascript:

altura = document.getElementById('divLista').offsetHeight;
 

Saludos,

[haffe]

Gracias javierB por tu rrespuesta,

Pero para acceder a divLista definida dentro una pagina, desde la pagina principal que contiene el iframe "iframeCentro", he intentado asi :

Código:

altura = iframeCentro.document.getElementById("divLista").offsetHeight;

Me arroja un error de "Se requiere un objeto"

Gracias

[haffe]

Bueno señores,

Ya logre hacer funcionar una parte, que fue lo que les pedi en este foro, de esta manera:

Código:

var o=	document.getElementById('iframeCentro');
var x = o.contentDocument || o.contentWindow.document;
altura = x.getElementById("divLista").offsetHeight;

El codigo anterior funciona bien. Y obtiene el valor deseado del elemeto divLista.

PERO

Si ese mismo codigo lo coloco en una funcion asi:

Código:

$('iframe').load(function(){
	var o=	document.getElementById('iframeCentro');
	var x = o.contentDocument || o.contentWindow.document;

	altura = x.getElementById("divLista").offsetHeight;
});

No me toma el valor en el momento deseado, que es cuando al elemento divLista ya se le hayan asignados los valores. Es decir ta disparandose el LOAD cuando se carga el IFRAME y no cuando se ha terminado de cargar la pagina, que aloja el IFRAME.

Como podria hacer entonces, para capturar los valores de la pagina a cargarse en el IFRAME, despues de esta se haya cargado totalmente????


Gracias

[haffe]

Si lo anterior es muy complicado, entonces como puedo redimensionar el Height de un IFRAME si la pagina que se va a cargar en su interior es de contenido dinamico???

=(

[haffe]

Si todo lo anterior es muy complicado, alguien podria decirme, la mejor forma de estructurar una aplicacion web ajax? pues he querido intentar el manejo con iframe. Existen algunas buenas praticas? ejemplos? codigos? de aplicaciones ajax que me puedan referenciar?