Foros del Web » Programando para Internet » Javascript »

ocultar iframe en internet explorer

Estas en el tema de ocultar iframe en internet explorer en el foro de Javascript en Foros del Web. buenos dias foro. a ver si podéis ayudarme con un problemilla que tenemos entre internet explorer y yo. en la web q desarrollo, tengo iframe ...
  #1 (permalink)  
Antiguo 29/11/2012, 09:31
 
Fecha de Ingreso: mayo-2012
Mensajes: 49
Antigüedad: 12 años, 7 meses
Puntos: 0
Pregunta ocultar iframe en internet explorer

buenos dias foro.

a ver si podéis ayudarme con un problemilla que tenemos entre internet explorer y yo.

en la web q desarrollo, tengo iframe sobre el que cargo datos, y al pulsar en una etiqueta cerrar, el iframe gana por javascript una clase css que lo oculta.

el iframe, se carga de datos en un php.

mi problema me viene por que chrome y firefox, me realizan este trabajo a la perfección, pero al probarlo en explorer, se me oculta el iframe, la etiqueta en la que pone cerrar, pero me deja visible todo el contenido.

Código:
function mostrar(){
		document.getElementById('zonaConBoton').className='panelColegiosCargado';
		}
	function cerrar(){
		
		document.getElementById('zonaConBoton').className='panelColegios';
		document.getElementById('bodyFrame').className='invisible';
		}
Código:
.invisible{
	visibility:hidden;
}

.panelColegios{
	background: none;
	position: absolute;
	margin-left:50%;
	left:-250px;
	margin-top:50%;
	top:-150px;
	border-radius:5px;
	padding:0px;
	border: 0px inset;
	width:0px;
	height:0px;
	visibility:hidden;
}
.panelColegiosCargado{
	background: #e5e5e5;
	position: absolute;
	margin-left:50%;
	left:-250px;
	margin-top:50%;
	top:-150px;
	border-radius:5px;
	padding:0px;
	border: 1px outset;
	width:510px;
	//height:300px;
	visibility:visible;
	/*-moz-box-shadow: 10px 10px 5px  #888; /* Firefox 3.6 and earlier */
     	box-shadow: 10px 10px 5px  #888;
}
Código HTML:
<div id="zonaConBoton" class="panelColegios">
<label onClick="cerrar()" class="botonCierre">Cerrar</label><hr>
<iframe name="zona" id="zona" class="iFram"/>
</div> 
a alguien se le ocurre como puedo ocultarlo en explorer, gracias de antemano
  #2 (permalink)  
Antiguo 29/11/2012, 09:39
Avatar de 60NZ4  
Fecha de Ingreso: mayo-2012
Ubicación: 404 Not found
Mensajes: 112
Antigüedad: 12 años, 7 meses
Puntos: 2
Respuesta: ocultar iframe en internet explorer

prueba a utilizar en lugar de .className .addClass ..... creo que esa propiedad del javascript que utilizas no la coje bien la mayoria de versiones de internet explorer, por cierto ¿de que versiones de internet explorer estamos hablando?, lo digo por si persiste tu problema

espero que te sirva de ayuda, un saludo

ya nos cuentas
__________________
Nadie nace aprendido, un experto es simplemente alguien que ya ha cometido muchos errores
  #3 (permalink)  
Antiguo 29/11/2012, 10:05
 
Fecha de Ingreso: mayo-2012
Mensajes: 49
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: ocultar iframe en internet explorer

pues acabo de probar con ese sistema y nada.

uso IE9

por cierto, el método que lo carga, si que funciona, así que no era eso
  #4 (permalink)  
Antiguo 29/11/2012, 11:19
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: ocultar iframe en internet explorer

Si la idea es ocultar el iframe, porque algo tan complicado?
hacés esto

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. </head>
  7. <p><button onclick="document.getElementById('ifr').style.display = 'none';">Ocultar</button><br /></p>
  8. <iframe src="http://emprear.com" id="ifr" width="100" height="100"></iframe>
  9. </body>
  10. </html>

Además te alcaro que la etiqueta <iframe> lleva un cierre explicito

Código HTML:
Ver original
  1. <iframe name="zona" id="zona" class="iFram">Contenido alternativo</iframe>


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Última edición por emprear; 30/11/2012 a las 06:55
  #5 (permalink)  
Antiguo 30/11/2012, 02:11
 
Fecha de Ingreso: mayo-2012
Mensajes: 49
Antigüedad: 12 años, 7 meses
Puntos: 0
Sonrisa Respuesta: ocultar iframe en internet explorer

Muchísimas gracias a los 2.

de esta forma me funciona correctamente.

un saludo!!

Etiquetas: explorer, hidden, iframe
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 09:52.