JavaScript Examples Bible - UserWorks Technologies

196
FRAMESET.cols
JavaScript Examples Bible: The Essential Companion to JavaScript Bible
Syntax used in this example is W3C-compatible. To modify this for IE-only, you
replace document.getElementById(“outerFrameset”) with document.all.
outerFrameset and elem.firstChild.nodeValue to elem.innerText. You can
also branch within the scripts to accommodate both styles.
Listing 16-46: Frameset and Script for Hiding/Showing a
Frame
Hide/Show Frame Example
var origCols
function toggleTOC(elem, frm) {
if (origCols) {
showTOC(elem)
} else {
hideTOC(elem, frm)
}
}
function hideTOC(elem, frm) {
var frameset = document.getElementById(“outerFrameset”)
origCols = frameset.cols
frameset.cols = “0,*”
}
function showTOC(elem) {
if (origCols) {
document.getElementById(“outerFrameset”).cols = origCols
origCols = null
}
}
When a user clicks the hot spot to hide the frame, the script copies the original
cols property settings to a global variable. The variable is used in showTOC() to
restore the frameset to its original proportions. This allows a designer to modify
the HTML for the frameset without also having to dig into scripts to hard-wire the
restored size.