ocultar iframe en internet explorer

gerion_angel · #1 (**permalink**) 29/11/2012, 09:31

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

60NZ4 · #2 (**permalink**) 29/11/2012, 09:39

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

gerion_angel · #3 (**permalink**) 29/11/2012, 10:05

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

emprear · #4 (**permalink**) 29/11/2012, 11:19

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

Código HTML:

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

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

Código HTML:

Ver original<iframe name="zona" id="zona" class="iFram">Contenido alternativo</iframe>

Saludos

gerion_angel · #5 (**permalink**) 30/11/2012, 02:11

Muchísimas gracias a los 2.

de esta forma me funciona correctamente.

un saludo!!