JavaScript Examples Bible - UserWorks Technologies

Chapter 2 ✦ Window and Frame Objects (Chapter 16)
To run successfully in NN, the first button requires that you have codebase principals
turned on (see Chapter 46 of the JavaScript Bible) to take advantage of what
would normally be a signed script. The moveOffScreen() function momentarily
moves the window entirely out of view. Notice how the script determines the size of
the screen before deciding where to move the window. After the journey off screen,
the window comes back into view at the upper-left corner of the screen.
If using the Web sometimes seems like going around in circles, then the second
function, revolve(), should feel just right. After reducing the size of the window
and positioning it near the top center of the screen, the script uses a bit of math to
position the window along 36 places around a perfect circle (at 10-degree increments).
This is an example of how to control a window’s position dynamically
based on math calculations. IE complicates the job a bit by not providing properties
that reveal the outside dimensions of the browser window.
To demonstrate the moveBy() method, the third function, zigzag(), uses a for
loop to increment the coordinate points to make the window travel in a saw tooth
pattern across the screen. The x coordinate continues to increment linearly until
the window is at the edge of the screen (also calculated on the fly to accommodate
any size monitor). The y coordinate must increase and decrease as that parameter
changes direction at various times across the screen.
In the fourth function, you see some practical code (finally) that demonstrates
how best to simulate maximizing the browser window to fill the entire available
screen space on the visitor’s monitor.
navigate(“URL”)
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓ ✓ ✓
Example
Supply any valid URL as the parameter to the method, as in
window.navigate(“http://www.dannyg.com”)
open(“URL”, “windowName” [,
“windowFeatures”][,replaceFlag])
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓
Example
The page rendered by Listing 16-26 displays a single button that generates a new
window of a specific size that has only the statusbar turned on. The script here
163
windowObject.open()