Using relative urls with window.open

Question

I am using below JS code to open new window by populating dynamic generated code..

function OpenWindow(obj) {
    var w = window.open();
    var stored = $(obj).parent().find("div").html();
    w.document.title = "New Window";
    w.document.URL = "hello.com/dummypage.html"; //how to assign the url to the newly opened window
    $(w.document.body).html(stored);
    return false;
}

Relative urls used in this document say for img src, in this document is not working.

<tr><td colspan='2' align='center'><img id='imglegend' src='/images/Legend.jpg'></td></tr>

EDIT:

I populate the content dynamically using javascript, just need a valid url in the brower window, to make my hyperlinks & image source ref to work.

P.S. The page pointed out in the js code, doesn't have physical existance.

Answer 1

how to assign the url to the newly opened window

You need to pass and URL to window.open()

window.open('http://www.google.com');//will open www.google.com in new window.
window.open('/relative_url'); //opens relatively(relative to current URL) specified URL

Or,

function OpenWindow(obj) {
    var w = window.open();
    w.location = "hello.com/dummypage.html"; //how to assign the url to the newly opened window
}

Or, You can even say,

w.location.assign("http://www.mozilla.org");

Refer Window.location

Answer 2

Normally you would open a window giving all the parameters in the function like:

window.open('yoururl','title','some additional parameters');

But you could do it like what you did but you used the wrong variable to add your url. It should be w.document.location.href:

var w = window.open();
w.document.title = "New window";
w.document.location.href = "hello.com"; //how to assign the url to the newly opened window
$(w.document.body).html(stored);
return false;