JavaScript Examples Bible - UserWorks Technologies

Handle click of Apply button
function handleApply() {
var returnFunc = window.dialogArguments
returnFunc(getFormData())
}
Chapter 2 ✦ Window and Frame Objects (Chapter 16)
// 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
}
// Initialize by setting form elements from passed data
function init(currPrefs) {
if (currPrefs) {
var form = document.prefs
if (currPrefs[“name”]) {
form.name.value = currPrefs[“name”]
}
if (currPrefs[“bgColor”]) {
setSelected(form.bgColor, currPrefs[“bgColor”])
}
if (currPrefs[“textColor”]) {
setSelected(form.textColor, currPrefs[“textColor”])
}
if (currPrefs[“h1Size”]) {
setSelected(form.h1Size, currPrefs[“h1Size”])
}
}
}
// Utility function to set a SELECT element to one value
function setSelected(select, value) {
for (var i = 0; i < select.options.length; i++) {
if (select.options[i].value == value) {
Continued
185
windowObject.showModalDialog()