Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/11/2010, 14:46
Yarriot
 
Fecha de Ingreso: marzo-2006
Mensajes: 66
Antigüedad: 18 años, 1 mes
Puntos: 0
Respuesta: Mejorar iFrame

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:
Ver original
  1. <script type="text/javascript">
  2. ns = document.layers
  3. ie = document.all
  4. function esconder()
  5. {if (ie) document.getElementById('precarga').parentNode.removeChild(document.getElementById('precarga'));
  6. if (ns) document.precarga.visibility="hide";
  7. }
  8. </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:
Ver original
  1. <script language="javascript">
  2. if (ie || ns)
  3. {document.write ("<div class='tooltip' style='position:relative; width:100%; height:80%;' align='center' id='precarga' >");
  4. document.write ("<br><br><br>");
  5. document.write ("<img width='64px' height='64px'; src ='../../librerias/ventanas/img/ventana-modal-cargando/cargando.gif'>");
  6. document.write ("<br><br>");
  7. document.write ("<label style='font-size:14px;color:grey;font-weight:bold;'>Cargando Datos...</label></div>");
  8. }
  9. </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