popup

emergent popup iframe with a page served from another site

by abubelinha

HTML

<html>
<head></head>
<body>
<input type=text id=ilat value=43.386>
<input type=text id=ilng value=-8.4065>

<script type="text/javascript"> 
 var popUpWindow;
 function creapopup(n) {
       //popUpWindow = window.open(n); //opens iframe in new tab
       popUpWindow = window.open("", n, "height=500,width=600");
 }
 function setPopupContent(lat=43.386, lng=-8.4065){
 //lat=43.386; lng=-8.4065;
 lat=document.getElementById("ilat").value;
 lng=document.getElementById("ilng").value;
url = "https://www1.sedecatastro.gob.es/CYCBienInmueble/OVCListaBienes.aspx?origen=Carto&huso=4326&x=-8.4065&y=43.386"; 
url = "https://www1.sedecatastro.gob.es/CYCBienInmueble/OVCListaBienes.aspx?origen=Carto&huso=4326&x="+lng+"&y="+lat; 
popUpWindow.document.write('<iframe height="450" allowTransparency="true" frameborder="0" scrolling="yes" style="width:100%;" src="'+url+'" type= "text/javascript"></iframe>');
} 
</script>
</div>

<li><a href="#" onclick="creapopup('popUpDiv');setPopupContent();">Catastro</a> popup (idea taken from <a href="https://stackoverflow.com/a/10474472/710788" target=_blank>Stackoverflow</a>)</li>


<script type=text/javascript>
function message(){
    var popup = document.createElement('div');
    popup.className = 'popup';
    popup.id = 'test';
    var cancel = document.createElement('div');
    cancel.className = 'cancel';
    cancel.innerHTML = 'close';
    cancel.onclick = function (e) { popup.parentNode.removeChild(popup) };
    var message = document.createElement('span');
    message.innerHTML = "This is a test message";
    popup.appendChild(message);                                    
    popup.appendChild(cancel);
    document.body.appendChild(popup);
}
</script>

<li><a href="#" onclick="message();">span</a> (from <a href="https://stackoverflow.com/a/11543166/710788" target=_blank>Stackoverflow</a>)</li>

</body>
</html>