JavaScript Examples Bible - UserWorks Technologies

180
JavaScript Examples Bible: The Essential Companion to JavaScript Bible
Buttons at the bottom of the page are explicitly positioned to be at the lowerright
corner of the window. Each button invokes a function to do what is needed
to close the dialog box. In the case of the OK button, the handleOK() function
sets the window.returnValue property to the data that come back from the
getFormData() function. This latter function reads the form element values and
packages them in an array using the form elements’ names as array indices. This
helps keep everything straight back in the main window’s script, which uses the
index names, and is therefore not dependent upon the precise sequence of the form
elements in the dialog box window.
Listing 16-40: Document for the Modal Dialog
User Preferences
// Close the dialog
function closeme() {
window.close()
}
// Handle click of OK button
function handleOK() {
window.returnValue = getFormData()
closeme()
}
// Handle click of Cancel button
function handleCancel() {
window.returnValue = “”
closeme()
}
// Generic function converts form element name-value pairs
// into an array
function getFormData() {
var form = document.prefs
var returnedData = new Array()
// Harvest values for each type of form element
for (var i = 0; i < form.elements.length; i++) {
if (form.elements[i].type == “text”) {
returnedData[form.elements[i].name] = form.elements[i].value
} else if (form.elements[i].type.indexOf(“select”) != -1) {
returnedData[form.elements[i].name] =
form.elements[i].options[form.elements[i].selectedIndex].value
} else if (form.elements[i].type == “radio”) {
returnedData[form.elements[i].name] = form.elements[i].value
} else if (form.elements[i].type == “checkbox”) {
returnedData[form.elements[i].name] = form.elements[i].value
} else continue
}
return returnedData
}
windowObject.showModalDialog()