Cerrar iframe con codigo interior.

blakmetall · #1 (**permalink**) 03/09/2011, 18:02

hola amigos
resulta que tengo un div y dentro un iframe
lo que quiero es cerrar (ocultar) ese IFRAME con algo que ocurra dentro de el
por ejemplo un link dentro de ese iframe.

En este ejemplo de abajo (lo que tengo ahorita) tengo una imagen con una X
y por medio de ese cierro( escondo) el div que contiene el iframe.

Y quisiera saber si alguein sabe, si se puede cerrar el iframe u ocultarlo. por
medio de codigo interno del iframe. no como este caso que estoy usando codigo
externo al iframe.

Código HTML:

Ver original---------------------
| DIV              |X|
----------------------
| IFRAME             |
|                    |
|   link             |
|--------------------|

Algo asi com un link dentro del frame para cerrar (ocultarlo por medio del div padre).

Espero haberme explicado. Gracias a todos por sus respuestas.

Cabe destacar que uso jquery, por si se puede tambien en jquery agradezco respuestas.

Naahuel · #2 (**permalink**) 03/09/2011, 21:23

No es algo muy bueno, pero bué... Dudo que tenga buena compatibilidad. Esto parece funcionar:

Documento Padre:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script>
  function _ocultarIframe(){
    document.getElementById('test').style.display = 'none'
  }  
</script>
</head>
<body>
  <iframe id="test" src="http://jsbin.com/ediwem">
  
  </iframe>
</body>
</html>

Documento en el iframe:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script>
  function _enviarAlPadre(){
   window.parent._ocultarIframe();
  }
 </script>
</head>
<body>
  <a onclick="_enviarAlPadre()" href="#">Click para ocultar este iframe</a>
</body>
</html>

Acá lo podés ver en funcionamiento: http://jsbin.com/isixaj

blakmetall · #3 (**permalink**) 03/09/2011, 21:34

Muchiiiiiiisimas gracias lo voy a cherar, este codigo siento que promete. Gracias

IXtremeLT · #4 (**permalink**) 04/09/2011, 22:42

debería de funcionar bien en todos los navegadores, pero por si llegara haber alguna incompatibilidad entonces solo hay que crear la función como método del objeto window, ejemplo:

Código Javascript:

Ver originalwindow._ocultarIframe(){
    document.getElementById('test').style.display = 'none'
  };

Saludos.

blakmetall · #5 (**permalink**) 08/09/2011, 12:45

tambien encontre este otro codigo que me funciono mejor.

lo ejecute dentro del iframe.

Código Javascript:

Ver originalvar documento_padre = window.parent.document;

y con ese pude cerrar el iframe con otro codigo.

IXtremeLT · #6 (**permalink**) 09/09/2011, 14:11

Es lo mísmo las dos formas funcionan bien, saludos.

Pimager · #7 (**permalink**) 18/06/2014, 02:24

Hola, he estado leyendo y este ejemplo funciona siempre y cuando madre e hija estén en el mismo dominio.
Hay alguna forma de hacerlo si madre e hija están en distintos dominios?
He probado el código y no funciona en mi caso.

Muchas gracias

PHPeros · #8 (**permalink**) 18/06/2014, 08:05

Cita:

Iniciado por Pimager

Hola, he estado leyendo y este ejemplo funciona siempre y cuando madre e hija estén en el mismo dominio.
Hay alguna forma de hacerlo si madre e hija están en distintos dominios?
He probado el código y no funciona en mi caso.

Muchas gracias

No, no se puede. En tal caso podrías eliminar el iframe del documento, pero no modificar su contenido.

No revivas temas antiguos