/*
JavaScript Application Cookbook
By Jerry Bradenbaugh
Publisher: O'Reilly
Series: Cookbooks
ISBN: 1-56592-577-7
*/
dhtml.js example
// dhtml.js
// Set browser-determined global variables
var NN = (document.layers ? true : false);
var hideName = (NN ? 'hide' : 'hidden');
var showName = (NN ? 'show' : 'visible');
var zIdx = -1;
function genLayer(sName, sLeft, sTop, sWdh, sHgt, sVis, copy) {
if (NN) {
document.writeln(' ' WIDTH=' + sWdh + ' HEIGHT=' + sHgt + ' VISIBILITY="' + sVis + '"' +
' z-Index=' + zIdx + '>' + copy + '');
}
else {
document.writeln(' sLeft + 'px; top:' + sTop + 'px; width:' + sWdh + 'px; height:' + sHgt + 'px;' +
' visibility:' + sVis + '; z-Index=' + (++zIdx) + '">' +
copy + ' '
);
}
}
// Define a function to hide layers
function hideSlide(name) {
refSlide(name).visibility = hideName;
}
// Define a function to reveal layers
function showSlide(name) {
refSlide(name).visibility = showName;
}
// Define a central function to reference layers
function refSlide(name) {
if (NN) { return document.layers[name]; }
else { return eval('document.all.' + name + '.style'); }
}
[
Hide]
[Show]