Dynamic Iframe In A Pop Up Window
I am trying to achieve 2 things with the href links below. First, I would like to fire-up a pop up window. Done. Next, I would like that pop up window to display an iframe. This wa
Solution 1:
text is not a standard for all browsers, try innerHTML instead of that,
function foo(obj){
test1 = "http://localhost:8080/test/document.html?"+obj.innerHTML;
document.write('<iframeheight="450"allowTransparency="true"frameborder="0"scrolling="yes"style="width:100%;"src="'+test1+'"type= "text/javascript"></iframe>');
}
UPDATED after you had shared your whole code,
As I understand you want to open a popup window, and show an dynamically created iframe in it. But document.write works for your current window. So you have to handle your popup window at first. then change content of that.
try this,
<html><head><scripttype="text/javascript"src="http://localhost:8080/test/css-popup/css-pop.js"></script><linkhref="http://localhost:8080/test/css-popup/styles.css"rel="stylesheet"type="text/css" /></head><body><divid="blanket"style="display:none;"></div><divid="popUpDiv"style="display:none;"><ahref="#"onclick="popup('popUpDiv')"><imgalign="right"src="http://localhost:8080/test/css-popup/x.png"></a><scripttype="text/javascript">var popUpWindow;
functionpopup(n) {
popUpWindow = window.open(n);
}
functionfoo(obj){
test1 = "http://localhost:8080/test/document.html?"+obj.innerHTML;
popUpWindow.document.write('<iframe height="450" allowTransparency="true" frameborder="0" scrolling="yes" style="width:100%;" src="'+test1+'" type= "text/javascript"></iframe>');
}
</script></div><ahref="#"onclick="popup('popUpDiv');foo(this);">OnSale</a></body></html>
Post a Comment for "Dynamic Iframe In A Pop Up Window"