Posted on July 30th, 2007
19570 views
Ok, so this simple tutorial is going to show you how to make a javascript popup window.
To start off lets start our code: <script language="JavaScript"> This tells the browser what type of code it is function popUp(URL) { This defines our function eval("page" + id + " = window.open(URL, '" + id + "', ' This evaluates the code and prepares the window to open. toolbar=1, This decides if you want the toolbar to show in your popup window, 1 for yes 0 for no. scrollbars=1, Do you want scroll bars? 1 for yes, 0 for no location=1, Do you want to show the location (address bar)? 1 for yes, 0 for no statusbar=1, Do you want to show the status bar? 1 for yes, 0 for no menubar=1, Show the menu bar? 1 for yes, 0 for no resizable=1, Make it resizeable? 1 for yes, 0 for no width=500, Width of the window in pixels height=500, Height of window in pixels left = 390, Amount of pixels from the left hand side top = 150');"); Amount of pixels from the top, also closes our function } This ends our code. So our final code is:
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: <form> 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: <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. |