Capa oculta

El tema es el siguiente: yo tengo en una pagina una capa que contienen un iframe. La capa se encuentra oculta. Lo que no logro hacer es que la capa se...

La FAQ Capa oculta tiene

Pertenece a la categoría:

Pregunta
El tema es el siguiente: yo tengo en una pagina una capa que contienen un iframe. La capa se encuentra oculta. Lo que no logro hacer es que la capa se muestre cuando se cargue alguna pagina dentro del iframe.


Respuesta de Sara
Una solución seria darle a esa capa dos estilos distintos, uno con la propiedad de estar oculta y la otra no, entonces cuanos no quieras mostrarla utilizar ese estilo y cuando quieras mostrarla utilizar el que no tiene la propiedad oculta, es fácil de hacer, con un simple if lo puedes solucionar.

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

Comentarios
Fueron enviados 2 comentarios a la faq
2 comentarios revisados:
Por: Jonathan
17/10/08
Como bien ha dicho sara puedes controlar el estado de la visibilidad de la capa, mediante la propiedad visibility de css.

Por otro lado aclaro que si el iframe esta dentro de la capa y lo que se quiere es cambiar el atributo src del iframe , hay que tener en cuenta que la capa debe estar visible, por que, en caso contrario, en algunos navegadores seria inposible acceder a este iframe.
Por: Ariel Tapia
25/10/08
Aqui te va un ejemplo que funciona muy bien.
Debes decidir COMO posicionar la capa (position: absolut, fixed, inherit, etc...).

<html>
<body>
<script>
function mostrar() { document.getElementById('id_capa').style.display = ''; }
function esconder(){ document.getElementById('id_capa').style.display = 'none'; }
</script>

<button onclick="mostrar()" >Mostrar Capa </button>
<button onclick="esconder()">Esconder Capa</button>

<div id="id_capa" style="display:none;">
<iframe src="http://www.w3c.es" width="300" height="300"></iframe>
</div>
</body>
</html>

Volver al árbol de categoríasVolver al árbol de categorías
Alojados en el grupo