Categorias
iiiiii
Comunicacion con IFRAME
Descripcion
comunica a el elemento iframe(hijo) con su padre,
html
<!--DOCUMENTO PADRE padre.html-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!-- bibliografia https://davidwalsh.name/window-iframe -->
</head>
<body>
<iframe src="hijo.html" frameborder="0"></iframe>
</body>
</html>
<!--/DOCUMENTO PADRE-->
<!--DOCUMENTO HIJO hijo.html-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam delectus quod adipisci odit ab, consectetur optio inventore ex et. Illum, libero accusantium nam voluptatem quidem quisquam cum fuga dolorem non
</p>
</body>
</html>
<!--/DOCUMENTO HJO -->
php
/*CODIGO DE HIJO*/
<script type="text/javascript">
parent.postMessage(x,"padre.html");
</script>
</html>
//*CODIGO HIJO*/
/*CODIGO DE PADRE*/
<script type="text/javascript">
window.addEventListener("message", receiveMessage, false);
function receiveMessage(event)
{
if (event.origin== "hijo.html"){
window.location=event.data;
}
}
</script>
</html>
//*CODIGO PADRE*/