JavaScript Examples Bible - UserWorks Technologies

Chapter 2 ✦ Window and Frame Objects (Chapter 16)
returned by the showModelessWindow() method. The variable gets used to invoke
the init() function inside the modeless dialog box, but also as conditions in an if
construction surrounding the generation of the dialog box. The reason this is
needed is to prevent multiple instances of the dialog box being created (the button
is still alive while the modeless window is showing). The dialog box won’t be created
again as long as there is a value in prefsDlog, and the dialog box window has not
been closed (picking up the window.closed property of the dialog box window).
The showModelessDialog() method’s second parameter is a reference to the
function in the main window that updates the main document. As you see in a
moment, that function is invoked from the dialog box when the user clicks the OK
or Apply buttons.
Listing 16-41: Main Page for showModelessDialog()
window.setModelessDialog() Method
var currPrefs = new Array()
var prefsDlog
function getPrefsData() {
if (!prefsDlog || prefsDlog.closed) {
prefsDlog = showModelessDialog(“lst16-42.htm”, setPrefs,
“dialogWidth:400px; dialogHeight:300px”)
prefsDlog.init(currPrefs)
}
}
function setPrefs(prefs) {
if (prefs[“bgColor”]) {
document.body.style.backgroundColor = prefs[“bgColor”]
currPrefs[“bgColor”] = prefs[“bgColor”]
}
if (prefs[“textColor”]) {
document.body.style.color = prefs[“textColor”]
currPrefs[“textColor”] = prefs[“textColor”]
}
if (prefs[“h1Size”]) {
document.all.welcomeHeader.style.fontSize = prefs[“h1Size”]
currPrefs[“h1Size”] = prefs[“h1Size”]
}
if (prefs[“name”]) {
document.all.firstName.innerText = prefs[“name”]
currPrefs[“name”] = prefs[“name”]
}
}
function init() {
document.all.firstName.innerText = “friend”
}
Continued
183
windowObject.showModalDialog()