Mejorar iFrame

[Banditolane]

Buenas a todos:

No sabía si postear la duda aquí o en HTML porque la duda implica a ambos... Se trata de que al hacer click en un botón, un iFrame previamente programado ejecute un HTML. El problema llega a la hora de cargar el contenido del HTML... porque se queda totalmente en blanco, y quisiera que se mostrase una imagen de precarga. ¿Hay alguna forma de conocer el volumen el archivo a cargar y crear una script para que se muestre el "loading.gif" hasta que se halla cargado todo el contenido?

Gracias y un saludo!

[Yarriot]

estuve en las misma y lo arregle de esta forma:

en javascript en la pàgina que carga el iframe (pagina hija), puse lo siguiente :

Código Javascript:

<script type="text/javascript">
ns = document.layers
ie = document.all
function esconder()
{if (ie) document.getElementById('precarga').parentNode.removeChild(document.getElementById('precarga')); 
if (ns) document.precarga.visibility="hide";
}
</script>
 

Luego despues del body y antes de todo el html que forma tu pagina dentro del iframe(pagina hija) que se debe cargar :

Código Javascript:

<script language="javascript">
if (ie || ns)
{document.write ("<div class='tooltip' style='position:relative; width:100%; height:80%;' align='center' id='precarga' >");
document.write ("<br><br><br>");
document.write ("<img width='64px' height='64px'; src ='../../librerias/ventanas/img/ventana-modal-cargando/cargando.gif'>");
document.write ("<br><br>");
document.write ("<label style='font-size:14px;color:grey;font-weight:bold;'>Cargando Datos...</label></div>"); 
}
</script>
 

A continuación de ésto, antes del html restante igual (depende del lenguaje en mi caso usaba ASP) debes colocar

response.flush()

y al body le agregas al evento onload:

ONLOAD="esconder();"

Te lo explico un poco, en la pantalla pondremos un div con un gif y un mensaje 'Cargando',
luego cuando la carga del body este ok procedemos a cerrarlo con esconder();
la línea response.flush() es para decirle al browser que despliegue todo lo que tenemos como html cargado hasta ese punto, que para nosotros no más sería el div 'Cargando' y eso sería... a mi me funka bonito.

sl2