Foros del Web » Programando para Internet » Javascript »

Ocultar iframe mientras carga página

Estas en el tema de Ocultar iframe mientras carga página en el foro de Javascript en Foros del Web. Buenos días: Se trata de lo siguiente. Necesito ocultar un iframe mientras se esté cargando la página dentro del iframe, y que al terminar la ...
  #1 (permalink)  
Antiguo 26/10/2011, 08:00
Avatar de freesoftwarrior  
Fecha de Ingreso: marzo-2006
Mensajes: 362
Antigüedad: 18 años, 1 mes
Puntos: 10
Ocultar iframe mientras carga página

Buenos días:
Se trata de lo siguiente. Necesito ocultar un iframe mientras se esté cargando la página dentro del iframe, y que al terminar la carga sea visible nuevamente. La idea es algo más o menos así:

1. Una página con un solo iframe
2. Una lista de opciones, todas ellas para cargar una página en el iframe.
3. Al momento de hacer clic en una de las opciones, el iframe debe de ocultarse
4. La página solicitada empieza a cargarse en el iframe
5. Cuando la página este totalmente cargada, entonces hacer visible el iframe

La razón para hacer esto es porque en el proyecto en el que estoy trabajando, la página principal que contiene el iframe TIENE que ser de un bgcolor específico, así como todas las páginas del proyecto, pero cada vez que se carga una nueva página en el iframe, indistintamente del peso de la página, hay al menos 1 segundo en que el iframe se pone blanco por completo, y eso es porque esta realizando la solicitud de carga de la página en el servidor.

He probado con la propiedad background-color en el iframe pero no funciona. Entonces se me ocurrió esta idea.

Si alguien sabe como hacer esto o tiene otra forma posible, le agradeceré mucho la comparta.

Un saludo desde Lima, Perú
  #2 (permalink)  
Antiguo 26/10/2011, 13:25
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 15 años, 11 meses
Puntos: 528
Respuesta: Ocultar iframe mientras carga página

Yo creo que deberías declarar el iframe con la propiedad oculta:
<iframe id="mi_iframe" style="visibility:hidden"></iframe>

Dentro del iframe, en el body una instrucción para que cuando termine de cargar llame a una función para que lo haga visible, la cual puede estar declarada en la pagina padre.

<body onload="window.parent.muestraiframe();">

Esto lo escribo así de momento, quizá haya que buscarle errores, pero espero haberte dado la idea.
  #3 (permalink)  
Antiguo 27/10/2011, 01:03
Avatar de freesoftwarrior  
Fecha de Ingreso: marzo-2006
Mensajes: 362
Antigüedad: 18 años, 1 mes
Puntos: 10
Respuesta: Ocultar iframe mientras carga página

Vale, la idea esta clara........ mil gracias

Etiquetas: funcion, iframe, mientras, página
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:45.