Javascript Lesson 12
Foreword
A very useful, and possibly the most abused feature of JavaScript is its ability to manipulate browser windows. As long as you open only one new window at a time, there is no problem. But creating several Pop-up Windows at once can be a real pain.
12.1 The Pop-up Window Properties
Below is a list of Properties from the Pop-up Window
- location: The box allowing the user to type a URL.
- menubar: The menu bar (File, Edit, View, etc.)
- resizable: The user can resize the new window by dragging.
- scrollbars: The new window has scrollbars.
- toolbar: The toolbar (Back, Forward, Reload, etc.)
12.2 Creating a Pop-up Window
Click the link below to see an example of a Pop-up Window:
Pop-up Window
This can be done by writing a simple JavaScript function and then calling it from a link in the document. Here is the JavaScript code for the function:
<script language="JavaScript"> <!-- function popupWindow(URL){ NewWindow = window.open(URL, name, 'width=311,height=330,location=no,menubar=no,resizable=no,scrollbars=no,toolbar=no') } //--> </script>
Now you'll only have to put a link in your document like this:
<a href="javascript:popupWindow('/learn/javascript/BSD.jpg')">Pop-up Window</a>
12.3 Exercices
- Make a Pop-up Window that is resizable and has a menubar.
- Try using all of the Pop-up Window's properties.