Cerrar iframe cuando haga click en un enlace.

jurassicboy · #1 (**permalink**) 20/06/2011, 03:23

Buenos días cracks,

A ver si me podéis echar una mano. He estado buscando pero ninguna solución encontrada me ha dado resultados. Ni con un onclick de javascript ni con target="_TOP". Os explico como tengo montado el asunto:

Tengo un índice .php en el que abro dos iframes:

Contenido de index.php que pertenece al iframe:

Código:

<iframe name="topFrame" width="100%" scrolling="NO" src="topframe_res.php" frameborder="NO"></iframe>
<iframe name="mainFrame2" width="100%" height="100%" src="mainframe_res.php" scrolling="auto" frameborder="NO"></iframe>

Como véis tengo un iframe superior y un iframe central. Me gustaría que al hacer click en una imagen que tengo en el iframe central mainframe_res.php me cerrara el frame superior topFrame.

El código de la imagen sobre la que hago click es:

Código:

<a href="getLogin.php" target="mainFrame2"><img src="logo2.gif" width="250" height="236" border="0" align="middle"></a>

Mil gacias por adelantado.

maycolalvarez · #2 (**permalink**) 20/06/2011, 07:01

no se puede cerrar un iframe al menos de que coloques una página en blanco:

window.open('mipaginaenblanco.htm','name_iframe');

a no ser que quieras "ocultarlo" de la vista, en tal caso usamos propiedades CSS:

document.getElementById('id_iframe').style.display = 'none';

OJO: todo esto con javascript

emprear · #3 (**permalink**) 20/06/2011, 16:09

MaycoAlvarez:

Cita:

no se puede cerrar un iframe al menos de que coloques una página en blanco:

Esa parte no la entiendo bien.
En cuanto a ocultar el segundo frame desde el primero, correcto, cambiar la propiedad css con javascript

Página principal

Código HTML:

Ver original<html>
  <head>
  <title>Ocultar segundo frame</title>
  <script type="text/javascript">
  function ocultar(css){
   var valor=css;
   document.getElementById('iframe_dos').style.display=valor;
   }
  </script>
  </head>
<body>
<iframe name="iframe_uno" id="iframe_uno" src="contenido_iframe1.html" height="150" >
</iframe>
<hr>
<iframe name="iframe_dos" id="iframe_dos" src="http://google.com" height="150" >
</iframe>
</body>
</html>

El contenido del iframe 1 (contenido_iframe1.html)

Código HTML:

Ver original<html>
<head>
  <title>contenido IFrame uno</title>
</head>
<body>
<input type="button" onclick="parent.ocultar('none');" value="ocultar iframe 2" />
<input type="button" onclick="parent.ocultar('block');" value="mostrar iframe 2" />
</form>
</body>
</html>

demo:
http://foros.emprear.com/html/de-fra...ent/index.html

Saludos

maycolalvarez · #4 (**permalink**) 21/06/2011, 14:02

Cita:

Iniciado por emprear

MaycoAlvarez:

Esa parte no la entiendo bien.
En cuanto a ocultar el segundo frame desde el primero, correcto, cambiar la propiedad css con javascript
...
Saludos

osea quise decir que podrías redireccionarlo, ocultarlo, la única forma certera de cerrarlo es eliminando su correspondiente Nodo del árbol DOM