jmg/child.html

## child.html
<!DOCTYPE html>
<html>
<head>
    <title>Child Window</title>

    <script type="text/javascript">

        //esta funcion escucha eventos desde parent.html para recibir los datos del archivo
        window.addEventListener('message', function(e) {

            //convierto los datos en formato JSON a su "formato original" (objeto de javascript)
            var message = JSON.parse(e.data);
            if (message.type == "file") {
                //muesto el archivo en el html de child.html
                document.getElementById('file-content').innerText = message.data;
            }
        });

        //envio la señal de "ready" a parent.html
        window.opener.postMessage("ready", '*');

    </script>
</head>

<body>
    <div id="file-content"></div>
</body>

</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Child Window</title>

	<script type="text/javascript">

	//esta funcion escucha eventos desde parent.html para recibir los datos del archivo
	window.addEventListener('message', function(e) {

	//convierto los datos en formato JSON a su "formato original" (objeto de javascript)
	var message = JSON.parse(e.data);
	if (message.type == "file") {
	//muesto el archivo en el html de child.html
	document.getElementById('file-content').innerText = message.data;
	}
	});

	//envio la señal de "ready" a parent.html
	window.opener.postMessage("ready", '*');

	</script>
	</head>

	<body>
	<div id="file-content"></div>
	</body>

	</html>