Fondo blanco antes de cargar iframe

sgafo · #1 (**permalink**) 16/05/2003, 05:09

Volvemos con los iframes

Tengo una pagina con un fondo y voy cargando otras paginas en un iframe que tiene el mismo fondo. El problema es que unos nsg antes de cargar el iframe me muestra el fondo en blanco.

Supongo (aunque no estoy segura) que se solucionaria si al iframe le defino el mismo fondo, para evitar ese "flash" blanco, pero no se como hacerlo, ni si es la solucion a este problema.

Os indico como se crea el iframe (gracias tunait

):

<script language="javascript">

document.write('<iframe src="' + pagina + '" name="textFrame" width="100%" height="315" marginwidth=0 marginheight=0 frameborder="No"></iframe>')

</script>

Gracias con antelacion.

Saludos.

caricatos · #2 (**permalink**) 16/05/2003, 05:54

Hola sgafo:

No sé si te ayudará, pero voy a darte una idea...

He visto que tiene un width=100%, y la idea sería, tenerlo a 0 al principio y con un setTimeout... cambiar el tamaño... en ese caso habría que ponerle un id al iframe...

document.write('<iframe src="' + pagina + '" name="textFrame"
id=ventana
width="0" height="315" marginwidth=0 marginheight=0 frameborder="No"></iframe>')
setTimeout("document.getElementById('ventana').sty le.width = '100%'", 1000);

Tal vez sin usar el id se pueda poner:
document.frames.textFrame.style.width = "100"...

Lo dicho... sólo es una idea.

Espero que te sirva...

Saludos

sgafo · #3 (**permalink**) 16/05/2003, 06:07

Hola caricatos:

lo he probado y con la segunda opcion ya te digo que no es correcta, y con la primera sucede exactamente lo mismo que antes

Muchas gracias...

Helbira · #4 (**permalink**) 16/05/2003, 06:28

Usa el siguiente truco:

Defines un .html o .asp o .php tan sencillo como este:

color.html

Código PHP:

  <html> 
<head> 
</head> 
<body bgcolor="#color_del_fondo"> 
<script language="javascript">  
window.open("http://pagina_q_quieres_abrir_en_iframe","_self"); 
</script> 
</body> 
</html>

Y en tu codigo donde colocas el codigo del iframe llamas al html anterior:

Código PHP:

  <script language="javascript">  
document.write('<iframe src="color.html" name="textFrame"  
width="100%" height="315" marginwidth=0 marginheight=0 frameborder="No"> 
</iframe>') 
</script>

Pero claro.. como veo que tu código es dinámico, necesitaras pasar la variable pagina por el src del <iframe> y no podria ser un .htlm sino un .php o .asp ... pero como no sabía si usas asp o php no te puse el código exacto.

Suerte

Un beso, Sonia

sgafo · #5 (**permalink**) 16/05/2003, 06:52

mmmmmmmmmmmmmmmm

sigue mostrando el bondo blanco, solo que mas rapido

esa variable en concreto la paso usando js...

lo que sucede tambien es que uno de los iframes que cargo contiene imagenes que se van cambiando entre ellas (tambien con js) y no se si ahora, con tu modificacion, veo el fondo blanco unicamente con ese iframe concreto, y para los demas esta correcto.

mmmmmmmmmmmmmmm

Un besin, Elvi

Pues no... acabo de comprobar que sucede con el resto de los iframes... se sigue visualizando el fondo blanco

Helbira · #6 (**permalink**) 16/05/2003, 09:06

Pues a mi me funcionó bastante bien mi ejemplo.

El problema está entonces en el tiempo de carga... es más, creo que pides un imposible porque menos código no puede tener el html color.html y si llegas a ver el fondo en blanco todo dependerá de la conexión que tenga cada uno que lo vea durante más o menos tiempo.

Cuando digo imposible es porque incluso una página sin iframe le llegas a ver el fondo en blanco hasta que establezca la propiedad bgcolor del body.

No puedes evitar ese efecto porque te ocurre con cualquier pagina que carges en el navegador. Lo que pasa, como ya te he dicho antes, según la velocidad de tu conexión lo apreciarás o no.

Un beso

sgafo · #7 (**permalink**) 16/05/2003, 12:19

me imaginaba que iba a ser algo asi, ya que cargaba igual solo que con mas rapides...

muchas gracias...