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