Question

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

Answer 1

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
}