Question

I would like to open a new window with height of 600px and width of 200px, after clicking on a hyperlink.

How can I do that in HTML/Javascript?

Do I use something like window.open? Is it compatible in IE also? Or should I use something in Jquery?

Thanks in advance.

Answer 1

It’s far better to attach this to the hyperlink unobtrusively, similar to:

HTML

<a href="mypopup.htm" id="popup">This will open in a new window</a>

JavaScript

window.onload = function() {
    document.getElementById("popup").onclick = function(){
        return !window.open(this.href, "pop", "width=200,height=600");
    }
}

The benefit of this approach is that you only have to specify the hyperlink in your HTML, and if JavaScript is disabled or produces an error for some reason then it will fallback to just using a standard hyperlink.