Pop up windows

main.html:

Quote:

<head>
<script>
var first_popup='popup1', second_popup='popup2', close_popup='';
</script>
</head>

<body>
<div id="popup1"></div>
<div id="popup2"></div>
<a href="javascript: void(0)" onclick="document.getElementById('popup1').innerHTML='<div style=\'position: absolute; margin-left: 50px; margin-top: 50px; width: 720px; height: 430px\'><div style=\'position: relative; float: right; cursor: pointer\' onclick=\'document.getElementById(first_popup).innerHTML=close_popup\'>CLOSE<\/div><br><iframe src=\'popup1.html\' style=\'position: absolute; width: 100%; height: 100%; border: 1px solid black\' frameborder=\'0\'><\/iframe><\/div>'">popup 1</a>
</body>

popup1.html:

Quote:

<body>
<a href="javascript: void(0)" onclick="parent.document.getElementById('popup2').innerHTML='<div style=\'position: absolute; margin-left: 780px; margin-top: 50px; width: 720px; height: 430px\'><div style=\'position: relative; float: right; cursor: pointer\' onclick=\'parent.document.getElementById(second_popup).innerHTML=close_popup\'>CLOSE<\/div><br><iframe src=\'http://www.w3schools.com/html/horse.mp3\' style=\'position: absolute; width: 100%; height: 100%; border: 1px solid black\' frameborder=\'0\'><\/iframe><\/div>'">popup 2=audio</a>
</body>