How to add a div to popup window in javascript?
i have created a popup window using the following code in javascript;
window.open("http://google.com", "myWindow", "status = 1, height = 300, width = 300, resizable = 0");
i need to add following dynamic div to that popup window.
<div><img src="/images/img1.jpg" /></div>
the above div is dynamic because,the image src will vary according to the query string in the url
Answers:
You can't for security reasons. Due to the same-origin-policy (and google.com is certainly not your domain), you won't be allowed to access the DOM of the other window.
If the popup is from the same domain, the return value of window.open will be a reference to the popup's window object: https://developer.mozilla.org/en/DOM/window.open
var popup = window.open("/relative path.html", ...);
popup.onload = function() { // of course you can use other onload-techniques
jQuery(popup.document.body).append("<div />"); // or any other dom manipulation
}
Just use the following code:
a href="www.google.com" onclick="window.open(this.href, null, 'height=580, width=680, toolbar=0, location=0, status=1, scrollbars=1, resizable=1'); return false"
As bergi said no append to DOM from external domain. But for same domain(taken from here)
win=window.open('about:blank','instructions','width=300,height=200');
doc=win.document;
doc.open();
doc.write('<div id="instructions">instructions</div>');
doc.close();
//reference to the div inside the popup
//->doc.getElementById('instructions')
You can see an example here also.