Inicio > Uncategorized > Interaccion Iframe Parent/Iframe

Interaccion Iframe Parent/Iframe


Dando vueltas por la net estube buscando como hacer interactuar un iframe con el archivo que lo contiene… al final me di cuenta, y es que era dificil sin ver ejemplo, ahora me toca a mi poner uno😀

En el ejemplo haremos que dando click en un enlace se desaparesca el iframe…

patern.html;

.
<html>
<script type="text/javascript">
	function ocultame(obj) {
		if (document.getElementById)
		{
			document.getElementById("framename").style.visibility = "hidden";}
		}
</script>
<div id="framename">
<a href="http://iframe.html">http://iframe.html</a>
&lt;/div&gt;
&lt;/html&gt;
	
.

iframe.html;

.
<html>
Iframe x)<br>
<a href="javascript:parent.ocultame('framename');">Da click y desaparece tu iFrame</a>
</html>
.

Primero declaramos la funcion a ejecutar en el Parent (Archivo que contiene el iframe)… y finalmente solo la llamamos en el IFRAME como si llamaramos una funcion normal de js, pero iniciando con parent: parent.ocultame(‘framename’); y adentro la opcion que viene en este caso la funcion ocultame(obj), onde OBJ es el nombre del div que contiene al iframe en el Parent

———————————————————-
Util para ClickJacking
———————————————————-
Enjoy

Categorías:Uncategorized
  1. marzo 4, 2013 a las 12:31 pm

    Hello, I enjoy reading all of your article. I wanted to
    write a little comment to support you.

  1. febrero 15, 2012 a las 5:30 am
  2. junio 27, 2014 a las 8:54 am

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: