Site Statistics

Total Members: 520
Total Tutorials: 242
Newsest User: 8884244477
Todays Unique Hits: 532

Make A Popup Window

Ok, so this simple tutorial is going to show you how to make a javascript popup window.

To start off lets start our code:

Code

This tells the browser what type of code it is

Code

function popUp(URL) {

This defines our function

Code

eval("page" + id + " = window.open(URL, '" + id + "', '

This evaluates the code and prepares the window to open.

Code

toolbar=1,

This decides if you want the toolbar to show in your popup window, 1 for yes 0 for no.

Code

scrollbars=1,

Do you want scroll bars? 1 for yes, 0 for no

Code

location=1,

Do you want to show the location (address bar)? 1 for yes, 0 for no

Code

statusbar=1,

Do you want to show the status bar? 1 for yes, 0 for no

Code

menubar=1,

Show the menu bar? 1 for yes, 0 for no

Code

resizable=1,

Make it resizeable? 1 for yes, 0 for no

Code

width=500,

Width of the window in pixels

Code

height=500,

Height of window in pixels

Code

left = 390,

Amount of pixels from the left hand side

Code

top = 150');");

Amount of pixels from the top, also closes our function

Code

}
</script>

This ends our code.

So our final code is:

Code

This code goes into the <head> section of your webpage.

There are two ways of opening your window, either by a text link or by a form button. Make sure this code goes into the <body> section of your website.

To open it via a form button use this code:

Code

Make sure you edit page.html with the url of the page you want to opne in your popup window.

To open your popup window by a text link use this code:

Code

<a href="javascript:popUp('page.html')">Open Popup[</a>

Again make sure you edit page.html

Well thats our tutorial, hopfully now you will be able to make your own pop up windows.