|Previous||Table of Contents||Next|
- window.closed - Used when handling multiple windows, this property indicates whether a window has been closed or not.
- window.defaultstatus / window.status - defaultstatus specifies the default message displayed in the browser status bar. status specifies a temporary message to display in the browser status bar in place of the default. Disabled in many browsers.
- window.name - Windows opened by a script must be given a name. This property contains the name of the corresponding window object.
- window.opener - When a window has been opened in a script contained in another window, this property of the child window contains a reference window which opened it.
- window.parent - When working with frames in a window this property contains a reference to the window object that contains the frame.
- window.screen - An object which contains information about the screen on which the window is displays (properties contained in this object include height, width, availHeight, availWidth and colorDepth).
- window.self - A reference to the current window.
- window.top - A reference to the top-level window when working with frames.
newWindowObj = window.open("URL", "WindowName", "feature, feature, feature ... ");
The following provides an explanation of the arguments passed through to the open() method:
- URL - Specifies the URL of the web page to be loaded into the new window. If no URL is specified a blank window is loaded.
- WindowName - Specifies the window name and is used to refer to the window.
- features - A comma separated list of features that allow you to customize the appearance of the window. Options are:
|width||Specifies the initial width of the browser client window (see innerWidth for size of content area)|
|height||Specifies the initial height of the browser client window (see innerHeight for size of content area)|
|innerWidth||Specifies the initial width of the window content area|
|innerHeight||Specifies the initial height of the window content area|
|outerWidth||Specifies the initial width of the navigator window|
|outerHeight||Specifies the initial height of the navigator window|
|toolbar||Specifies whether the window should contain the browser toolbar or not|
|status||Specifies whether the window should contain the browser status bar or not|
|dependent||Specifies whether the window should close in unison with its parent window|
|menubar||Specifies whether the window should contain the browser menubar|
|location||Specifies whether the window should contain the browser location/URL box|
|scrollbars||Hides/Shows browser horizontal/vertical scrollbars|
|resizable||Specifies whether the user is entitled to resize the window after it appears.|
|directories||Specifies whether the window should contain the browser personal toolbar.|
|copyHistory||Specifies whether the new window should contain a copy of the URL history of the invoking window|
|left||Specified the number of pixels from the left side of the screen to the new window|
|top||Specified the number of pixels from the top of the screen to the new window|
|alwaysLowered||Creates a new window that is always positioned beneath the other browser windows. Often used for those annoying pop-under advertisements.|
|alwaysRaised||Creates a new window that is always positioned over the top of the other browser windows on the screen.|
|z-lock||Locks the level at which the browser appears in relation to other browser windows.|
The height, width and position features are set using numbers. The remaining feature options can be set using true or false values (also yes, no and 1 and 0 can be used in place of true and false). An absent attribute is considered to be false. The following example creates a new window with a menubar, specific dimension and no toolbar:
newWindowObj = window.open("URL", "WindowName", "toolbar=0, menubar=1, innerHeight=200, innerWidth=300");
A window can be closed using the window object's close() method. The name of the window (specified in the open() method) should be referenced when performing a close so that you are certain to close the correct window. For example the following code creates a new window and creates a pushbutton which, when clicked, closes the new window:
It is also possible to close the window that opened the current window using the opener property of the current window object:
This will close the window that opened the window in which the above script is run.
Moving and Resizing Windows
A window can be moved to specific coordinates on the screen using the window object's moveTo() method which takes x and y coordinates as arguments. The following example moves a new window to location 100, 200 on the screen when the "Move Window" button is pressed:
The window resizeTo() and resizeBy() methods work similarly in that they allow you to change the size of a window either to a specific size, or to a new size relative to the current size.
Changing Window Focus
Displaying Message Box Dialogs
- alert - intended to display a message to the user. It contains a message area where the alert message is to be displayed and an "OK" button that the user can click to dismiss the dialog. The alert() method takes a single argument representing the message to be displayed in the dialog. The following web page fragment displays an alert dialog with the message "You do not have a valid password" when the "Show Alert" button is clicked:
<form action="null"> <input type="button" value="Show Alert" onclick="window.alert('You do not have a valid password')" /> </form>
- confirmation - used when a yes or no response needs to be obtained from the user. This dialog type displays with a message and "OK" and "Cancel" buttons. The confirm() method takes the message to be displayed to the user as an argument and returns true or false depending on whether the user pressed "OK" or "Cancel":
- prompt - designed to enable information to be obtained from the user. The dialog consists of a message to the user, a text input field for the entry of data and OK and Cancel buttons. The prompt() method takes the message to be displayed as an argument and returns the value entered by the user:
|Previous||Table of Contents||Next|