JavaScript Examples Bible - UserWorks Technologies

138
JavaScript Examples Bible: The Essential Companion to JavaScript Bible
The last statement in the example shows how to use the array syntax (brackets)
to refer to a specific frame. All array indexes start with 0 for the first entry. Because
the document asks for the name of the first frame (parent.frames[0]), the
response is JustAKid1 for both frames.
innerHeight
innerWidth
outerHeight
outerWidth
windowObject.innerHeight
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓
Example
In Listing 16-9, a number of buttons let you see the results of setting the
innerHeight, innerWidth, outerHeight, and outerWidth properties.
Listing 16-9: Setting Window Height and Width
Window Sizer
// store original outer dimensions as page loads
var originalWidth = window.outerWidth
var originalHeight = window.outerHeight
// generic function to set inner dimensions
function setInner(width, height) {
window.innerWidth = width
window.innerHeight = height
}
// generic function to set outer dimensions
function setOuter(width, height) {
window.outerWidth = width
window.outerHeight = height
}
// restore window to original dimensions
function restore() {
window.outerWidth = originalWidth
window.outerHeight = originalHeight
}
Setting Inner Sizes