Tutorial on how to make a new pop-up
navigation window appear and the way
you want it by using simple JavaScript

Opening Windows with JavaScript
By Matt Doyle

One of the most useful (and quite possibly the most abused) features of JavaScript is its ability to manipulate browser windows. It can be very handy for creating a pop-up navigation window, or for making snappy websites with no menus or button bars (see one of our pagekits, filmstar, for an example of the latter).

Multiple pop-up windows can be a real pain, especially now that certain free web space companies are getting in on the act as a method of advertising, so go easy on them. A good rule of thumb is: if you're opening two new windows, you're opening one too many!

What does a pop-up window look like?

Click here...

Splendid! How do I do one?

It's really simple. Here's the function that made that window appear:

function openWinBoo()
{
          NewWindow=window.open('boo.html', 'boo',
          'width=180,height=50');
}

This creates a new window called "boo", which displays the HTML page "boo.html", and is 180 pixels wide and 50 pixels high.

The function openWinBoo() is called when you click on the link above. The code for the link looks like this:

Click <a href="javascript:openWinBoo()">here</a>

The javascript: bit tells the browser to call a JavaScript function - in this case, our openWinBoo() function.

Let's take a closer look at our function. The last argument between the parentheses specifies how our new window will look. In our example, we've just specified the width and height with 'width=180,height=50'. However, there are many properties of the window that are under our control.