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:

Answer

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
}
Answer

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"

Answer

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.

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.