var FORMFIELD_TYPE_SINGLELINETEXT = 1;
var FORMFIELD_TYPE_PARAGRAPHTEXT = 2;
var FORMFIELD_TYPE_NUMBER = 3;
var FORMFIELD_TYPE_EMAIL = 4;
var FORMFIELD_TYPE_WEBSITE = 5;
var FORMFIELD_TYPE_NAME = 6;
var FORMFIELD_TYPE_DATE = 7;
var FORMFIELD_TYPE_TIME = 8;
var FORMFIELD_TYPE_PHONE = 9;
var FORMFIELD_TYPE_PRICE = 10;
var FORMFIELD_TYPE_ADDRESS = 11;
var FORMFIELD_TYPE_SECTIONBREAK = 12;
var FORMFIELD_TYPE_MULTIPLECHOICE = 13;
var FORMFIELD_TYPE_CHECKBOXES = 14;
var FORMFIELD_TYPE_DROPDOWN = 15;
var FORMFIELD_TYPE_TITLE = 16;
var FORMFIELD_TYPE_INFORMATION = { };
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_SINGLELINETEXT] = {
name : "Single Line Text",
parameterOptions : "size",
defaultParameter : "medium",
requiredVisible : true,
defaultVisible : true,
choicesVisible : false
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_PARAGRAPHTEXT] = {
name : "Paragraph Text",
parameterOptions : "size",
defaultParameter : "medium",
requiredVisible : true,
defaultVisible : true,
choicesVisible : false
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_NUMBER] = {
name : "Number",
parameterOptions : "size",
defaultParameter : "medium",
requiredVisible : true,
defaultVisible : true,
choicesVisible : false
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_EMAIL] = {
name : "Email",
parameterOptions : "size",
defaultParameter : "medium",
requiredVisible : true,
defaultVisible : true,
choicesVisible : false
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_WEBSITE] = {
name : "Website",
parameterOptions : "size",
defaultParameter : "medium",
requiredVisible : true,
defaultVisible : true,
choicesVisible : false
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_NAME] = {
name : "Name",
parameterOptions : "name",
defaultParameter : "normal",
defaultVisible : false,
requiredVisible : true,
choicesVisible : false
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_DATE] = {
name : "Date",
parameterOptions : "date",
defaultParameter : "mmddyyyy",
defaultVisible : false,
requiredVisible : true,
choicesVisible : false
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_TIME] = {
name : "Time",
parameterOptions : "none",
defaultParameter : "",
defaultVisible : false,
requiredVisible : true,
choicesVisible : false
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_PHONE] = {
name : "Phone",
parameterOptions : "phone",
defaultParameter : "normal",
defaultVisible : false,
requiredVisible : true,
choicesVisible : false
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_PRICE] = {
name : "Price",
parameterOptions : "price",
defaultParameter : "dollars",
defaultVisible : false,
requiredVisible : true,
choicesVisible : false
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_ADDRESS] = {
name : "Address",
parameterOptions : "none",
defaultParameter : "",
defaultVisible : false,
requiredVisible : true,
choicesVisible : false
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_SECTIONBREAK] = {
name : "Section Break",
parameterOptions : "none",
defaultParameter : "",
requiredVisible : false,
defaultVisible : false,
choicesVisible : false
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_TITLE] = {
name : "Title Text",
parameterOptions : "none",
defaultParameter : "",
requiredVisible : false,
defaultVisible : false,
choicesVisible : false
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_MULTIPLECHOICE] = {
name : "Multiple Choice",
parameterOptions : "none",
defaultParameter : "",
requiredVisible : true,
defaultVisible : false,
choicesVisible : true
};
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_CHECKBOXES] = {
name : "Checkboxes",
parameterOptions : "none",
defaultParameter : "",
requiredVisible : true,
defaultVisible : false,
choicesVisible : true
},
FORMFIELD_TYPE_INFORMATION[FORMFIELD_TYPE_DROPDOWN] = {
name : "Drop Down",
parameterOptions : "size",
defaultParameter : "medium",
requiredVisible : true,
defaultVisible : false,
choicesVisible : true
};
SSForm = Class.create({
initialize: function(instanceName, fieldContainerName, errorFieldName, submitButtonName, moduleId, renderForUsage, fixedForm) {
this._instanceName = instanceName;
this._currentModuleId = moduleId;
this._renderForExternalUsage = renderForUsage;
this._fixedForm = fixedForm;
this._targetContainer = document.getElementById(fieldContainerName);
this._errorContainer = document.getElementById(errorFieldName);
this._submitButton = document.getElementById(submitButtonName);
this._fieldsByUniqueId = { };
this._fieldIdsToDatabaseIds = { };
this._databaseIdsToFieldIds = { };
this._visibleErrors = new Array();
this._titleFieldIds = new Array();
this._uniqueFieldId = 0;
this._lastFocusedFieldId = null;
this._nfOpen = false;
this._autosaveRequired = false;
this._targetContainer.innerHTML = "You have not added any fields to this form. Select "Add a New Field" above to begin adding elements to this form.";
var afc = document.getElementById("formAddFieldControl");
if (this._fixedForm && afc) {
afc.style.display = "none";
}
},
renderField: function(f) {
var defv = '';
var el = document.getElementById("formFieldContainer" + f.fieldId);
if (f.fieldType == "unknown") {
var ev = '';
ev = '
' +
'
Select New Field Type
' +
'
' +
'
' +
'
' + v + '
';
}
}
} else if (f.fieldType == FORMFIELD_TYPE_CHECKBOXES) {
objCode = '';
var opts = f.choices.split("\n");
for(var i = 0; i < opts.length; ++i) {
var def = '';
var v = opts[i];
if (opts[i].indexOf('*') == opts[i].length - 1) {
def = 'checked="checked"';
v = opts[i].substring(0, opts[i].length - 1);
defv = v;
}
if (v.length > 0) {
objCode += ' ' + v + '
';
}
}
} else if (f.fieldType == FORMFIELD_TYPE_ADDRESS) {
objCode =
'' +
'
' +
'
Street Address
' +
'
' +
'
' +
'
Address Line 2
' +
'
' +
'
' +
'
State / Province / Region
' +
'
' +
'
' +
'
Zip / Postal Code
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'' +
'
Country
' +
'
';
} else if (f.fieldType == FORMFIELD_TYPE_NAME) {
objCode = '' +
'';
if (f.parameters == "extended") {
objCode = '' + objCode +
'';
}
objCode += '
';
} else if (f.fieldType == FORMFIELD_TYPE_DATE) {
if (f.parameters == "mmddyyyy") {
objCode = '' +
'/
' +
'' +
'/
' +
'';
} else {
objCode = '' +
'/
' +
'' +
'/
' +
'';
}
objCode += '
';
} else if (f.fieldType == FORMFIELD_TYPE_TIME) {
objCode = '' +
':
' +
'' +
':
' +
'' +
'' +
'' +
'' +
'' +
'' +
'
';
objCode += '
';
} else if (f.fieldType == FORMFIELD_TYPE_PHONE) {
if (f.parameters == "normal") {
objCode = '' +
'-
' +
'' +
'-
' +
'';
} else {
objCode = '' +
'' +
'
';
}
objCode += '
';
} else if (f.fieldType == FORMFIELD_TYPE_PRICE) {
if (f.parameters == "dollars") {
objCode = '$
' +
'' +
'.
' +
'';
} else if (f.parameters == "euros") {
objCode = '€
' +
'' +
'.
' +
'';
} else if (f.parameters == "pounds") {
objCode = '£
' +
'' +
'.
' +
'';
} else if (f.parameters == "yen") {
objCode = '¥
' +
'';
}
objCode += '
';
} else {
objCode = '';
}
if (f.fieldType == FORMFIELD_TYPE_TITLE || f.fieldType == FORMFIELD_TYPE_SECTIONBREAK) {
instructionCode = '' + f.instructions.replace(/\n/gi, '
') + '
';
} else {
instructionCode = '' + f.instructions.replace(/\n/gi, '
') + '
';
}
errorCode = '';
if (f.fieldType == FORMFIELD_TYPE_TITLE) {
titleCode = '';
} else {
titleCode = '' + f.title + ' ' + (f.required ? '*' : '') + '
';
}
el.innerHTML = errorCode + titleCode +
'' + objCode + '
' +
instructionCode;
if (f.fieldType == FORMFIELD_TYPE_SECTIONBREAK) {
el.innerHTML = '' + el.innerHTML + '
';
}
if (f.fieldType == FORMFIELD_TYPE_DROPDOWN) {
document.getElementById("formFieldEl" + f.fieldId).value = defv;
} else if (f.fieldType == FORMFIELD_TYPE_MULTIPLECHOICE) {
var opts = f.choices.split("\n");
for(var i = 0; i < opts.length; ++i) {
if (opts[i].length > 0 && opts[i].indexOf('*') == opts[i].length - 1) {
document.getElementById("formFieldEl" + f.fieldId + "-" + i).checked = true;
}
}
} else if (f.fieldType == FORMFIELD_TYPE_CHECKBOXES) {
var opts = f.choices.split("\n");
for(var i = 0; i < opts.length; ++i) {
if (opts[i].length > 0 && opts[i].indexOf('*') == opts[i].length - 1) {
document.getElementById("formFieldEl" + f.fieldId + "-" + i).checked = true;
}
}
}
},
getFieldEditingControls: function(f) {
if (f.fieldType == "unknown") { return( "" ); }
var fieldFormat = "", defaultCode = "", requiredCode = "", editingTitle = "";
var editingTitle = "Adjusting " + FORMFIELD_TYPE_INFORMATION[f.fieldType].name + " Properties";
if (FORMFIELD_TYPE_INFORMATION[f.fieldType].parameterOptions == "size") {
fieldFormat =
'Field Size
' +
'';
} else if (FORMFIELD_TYPE_INFORMATION[f.fieldType].parameterOptions == "name") {
fieldFormat =
'Type
' +
'';
} else if (FORMFIELD_TYPE_INFORMATION[f.fieldType].parameterOptions == "date") {
fieldFormat =
'Type
' +
'';
} else if (FORMFIELD_TYPE_INFORMATION[f.fieldType].parameterOptions == "phone") {
fieldFormat =
'Phone
' +
'';
} else if (FORMFIELD_TYPE_INFORMATION[f.fieldType].parameterOptions == "price") {
fieldFormat =
'Price
' +
'';
}
if (FORMFIELD_TYPE_INFORMATION[f.fieldType].defaultVisible) {
defaultCode = 'Default Value
' +
'';
}
if (FORMFIELD_TYPE_INFORMATION[f.fieldType].choicesVisible) {
defaultCode = 'Choices (One per line / Mark default with a *)
' +
'';
}
if (FORMFIELD_TYPE_INFORMATION[f.fieldType].requiredVisible) {
if (this._fixedForm) {
requiredCode = '';
} else {
requiredCode = ' Required Field?
';
}
}
return(
'
' +
'
' + editingTitle + '
' +
'
' +
'
Field Title
' +
'
' +
'
' +
'
' +
fieldFormat +
'
' +
'
' +
defaultCode +
'
User Instructions
' +
'
' +
requiredCode +
'
' +
(!this._fixedForm ? '
' : '') +
'
'
);
},
adjustFieldProperties: function(id) {
var fc = document.getElementById("formFieldContainer" + id);
var fo = this._fieldsByUniqueId[id];
fo.title = document.getElementById("formFieldTitle").value;
if (FORMFIELD_TYPE_INFORMATION[fo.fieldType].defaultVisible) {
fo.defaultValue = document.getElementById("formFieldDefaultValue").value;
}
if (FORMFIELD_TYPE_INFORMATION[fo.fieldType].choicesVisible) {
fo.choices = document.getElementById("formFieldChoices").value.replace(/\r/gi, "");
}
if (FORMFIELD_TYPE_INFORMATION[fo.fieldType].parameterOptions != "none") {
fo.parameters = document.getElementById("formFieldParameters").value;
}
if (FORMFIELD_TYPE_INFORMATION[fo.fieldType].requiredVisible) {
fo.required = document.getElementById("formFieldRequired").checked;
}
fo.instructions = document.getElementById("formFieldInstructions").value;
this._autosaveRequired = true;
this.renderField(fo);
// repos admin ui
var xy = YAHOO.util.Dom.getXY(fc);
document.getElementById("adminEditingControlsFloat").style.left = (xy[0]) + "px";
document.getElementById("adminEditingControlsFloat").style.top = (xy[1] + fc.offsetHeight) + "px";
},
deleteField: function(id) {
this.blurField(id);
var t = document.getElementById("formFieldContainer" + id) ;
t.parentNode.removeChild(t);
this._nfOpen = false;
// remove from db
f = this._fieldsByUniqueId[id];
var existingId = this._fieldIdsToDatabaseIds[f.fieldId];
if (existingId != null) {
var func = "/process/admin/RemoveFormFieldAsync";
var data = "moduleId=" + this._currentModuleId + "&itemId=" + existingId;
// process with the server
YAHOO.util.Connect.asyncRequest("POST", func, {
timeout : 10000,
failure : function(o) {
alert("Warning! Some dynamic changes have not been saved, as your request has failed to reach the server. You might want to check your connection to the internet before proceeding with more changes.");
}
}, data);
}
delete this._fieldsByUniqueId[id];
delete this._fieldIdsToDatabaseIds[id];
},
hideFlyout: function() {
document.getElementById("adminEditingControlsFloat").style.display = "none";
},
positionFlyout: function() {
if (this._lastFocusedFieldId != null) {
var fc = document.getElementById("formFieldContainer" + this._lastFocusedFieldId);
// set up admin dialog
var xy = YAHOO.util.Dom.getXY(fc);
document.getElementById("adminEditingControlsFloat").style.left = (xy[0]) + "px";
document.getElementById("adminEditingControlsFloat").style.top = (xy[1] + fc.offsetHeight) + "px";
document.getElementById("adminEditingControlsFloat").style.display = "block";
}
},
focusField: function(id) {
var fc = document.getElementById("formFieldContainer" + id);
var fo = this._fieldsByUniqueId[id];
if (fo.fieldType == "unknown") { return; }
if (this._lastFocusedFieldId != id) {
if (this._lastFocusedFieldId != null) {
if (!this._renderForExternalUsage && this._autosaveRequired) {
this.saveField(this._lastFocusedFieldId);
}
this.blurField();
}
this._lastFocusedFieldId = id;
fc.className = "fieldContainerActive";
// set up admin dialog
if (!this._renderForExternalUsage) {
document.getElementById("adminEditingControlsFloat").innerHTML = this.getFieldEditingControls(fo);
this.positionFlyout();
document.getElementById("formFieldTitle").value = fo.title;
if (FORMFIELD_TYPE_INFORMATION[fo.fieldType].defaultVisible) {
document.getElementById("formFieldDefaultValue").value = fo.defaultValue;
}
if (FORMFIELD_TYPE_INFORMATION[fo.fieldType].choicesVisible) {
document.getElementById("formFieldChoices").value = fo.choices;
}
if (FORMFIELD_TYPE_INFORMATION[fo.fieldType].parameterOptions != "none") {
document.getElementById("formFieldParameters").value = fo.parameters;
}
if (FORMFIELD_TYPE_INFORMATION[fo.fieldType].requiredVisible) {
document.getElementById("formFieldRequired").checked = fo.required;
}
document.getElementById("formFieldInstructions").value = fo.instructions;
document.getElementById("formFieldTitle").focus();
}
}
},
blurField: function(id) {
if (!id) { id = this._lastFocusedFieldId; }
var fc = document.getElementById("formFieldContainer" + id);
var fo = this._fieldsByUniqueId[id];
fc.className = "fieldContainer";
if (!this._renderForExternalUsage) {
document.getElementById("adminEditingControlsFloat").style.display = "none";
}
this._lastFocusedFieldId = null;
},
beginAddField: function() {
if (this._nfOpen) { return; }
// add form data
var f = this.internalAddField("unknown");
// render it
this.renderField(f);
if (this._lastFocusedFieldId != null) { this.blurField(); }
this._nfOpen = true;
},
internalAddField: function(type) {
++this._uniqueFieldId;
var f = new Object();
f.fieldType = type;
f.fieldId = this._uniqueFieldId;
this._fieldsByUniqueId[f.fieldId] = f;
if (f.fieldId == 1) {
this._targetContainer.innerHTML = "";
this._submitButton.style.display = "block";
}
// add a container for this field
var litem = document.createElement("li");
litem.id = "formField" + f.fieldId;
litem.onclick = new Function(this._instanceName + ".focusField(" + f.fieldId + ");");
var litem2 = document.createElement("div");
litem2.id = "formFieldContainer" + f.fieldId;
litem2.className = "fieldContainer";
litem.appendChild(litem2);
// adjust pointer for fixed fields
if (this._fixedForm && !this._renderForExternalUsage) {
litem.style.cursor = "pointer";
}
// remember titles
if (f.fieldType == FORMFIELD_TYPE_TITLE) {
this._titleFieldIds.push(f.fieldId);
}
// hmm -- hacky crap to get around the fact that a DD list item will insert an invisible last element into our form area
if (this._renderForExternalUsage || this._fixedForm || this._targetContainer.lastChild == null) {
this._targetContainer.appendChild(litem);
} else {
this._targetContainer.insertBefore(litem, this._targetContainer.lastChild);
}
if (f.fieldType != "unknown" && !this._renderForExternalUsage && !this._fixedForm) {
new Squarespace.DDListItem("formField" + f.fieldId, this._currentModuleId, "formFields");
}
return( f );
},
addFieldByType: function(id, type) {
this._nfOpen = false;
f = this._fieldsByUniqueId[id];
this._fieldIdsToDatabaseIds[id] = null;
f.fieldType = type;
f.parameters = FORMFIELD_TYPE_INFORMATION[f.fieldType].defaultParameter;
f.title = "New Field";
f.instructions = "";
f.required = false;
f.choices = (FORMFIELD_TYPE_INFORMATION[f.fieldType].choicesVisible ? "One\nTwo\nThree" : "");
f.defaultValue = "";
// initialize draggability
new Squarespace.DDListItem("formField" + f.fieldId, this._currentModuleId, "formFields");
// render
this.renderField(f);
// save
this.saveField(id);
},
callbackMapExternalIdToDatabaseId: function(externalId, databaseId) {
this._fieldIdsToDatabaseIds[externalId] = databaseId;
},
saveField: function(id) {
f = this._fieldsByUniqueId[id];
var existingId = this._fieldIdsToDatabaseIds[f.fieldId];
var func = "/process/admin/CreateOrModifyFormFieldAsync";
var data = "moduleId=" + this._currentModuleId + "&fieldType=" + f.fieldType
+ (existingId != null ? "&fieldId=" + existingId : "")
+ "&externalId=" + encodeURIComponent(f.fieldId)
+ "&title=" + encodeURIComponent(f.title)
+ "¶meters=" + encodeURIComponent(f.parameters)
+ "&choices=" + encodeURIComponent(f.choices)
+ "&instructions=" + encodeURIComponent(f.instructions)
+ "&defaultValue=" + encodeURIComponent(f.defaultValue)
+ "&required=" + encodeURIComponent(f.required)
+ "&instanceName=" + encodeURIComponent(this._instanceName);
// process with the server
YAHOO.util.Connect.asyncRequest("POST", func, {
timeout : 10000,
success : function(o) {
eval(o.responseText);
},
failure : function(o) {
alert("Warning! Some dynamic changes have not been saved, as your request has failed to reach the server. You might want to check your connection to the internet before proceeding with more changes.");
}
}, data);
this._autosaveRequired = false;
},
initializeField: function(type, parameters, title, instructions, required, choices, defaultValue, databaseId) {
var f = this.internalAddField(type);
f.parameters = parameters;
f.title = title;
f.instructions = instructions;
f.required = required;
f.choices = choices.replace(/\r/gi, "");
f.defaultValue = defaultValue;
this._fieldIdsToDatabaseIds[f.fieldId] = databaseId;
this._databaseIdsToFieldIds[databaseId] = f.fieldId;
this.renderField(f);
},
generateParameterFromField: function(fieldId, suffix) {
return( "formFieldEl" + this._fieldIdsToDatabaseIds[fieldId] + suffix + "=" + encodeURIComponent(document.getElementById("formFieldEl" + fieldId + suffix).value) + "&" );
},
getDatabaseIdByFieldId: function(id) {
return( this._fieldIdsToDatabaseIds[id] );
},
callbackShowFieldError: function(databaseId, message) {
var fieldId = this._databaseIdsToFieldIds[databaseId];
document.getElementById("formField" + fieldId + "Title").className = document.getElementById("formField" + fieldId + "Title").className + " error-text";
document.getElementById("formField" + fieldId + "Error").style.display = "block";
document.getElementById("formField" + fieldId + "Error").innerHTML = "[ " + message + " ]";
if (this._visibleErrors.length == 0) {
this._submitButton.disabled = false;
this._submitButton.value = "Re-Submit";
this._errorContainer.innerHTML = "Your form contains errors and could not be submitted. Navigate above to correct these errors, then click below to re-submit your form.";
for(var i = 0; i < this._titleFieldIds.length; ++i) {
var titleId = this._titleFieldIds[i];
document.getElementById("formField" + titleId + "Title").className = document.getElementById("formField" + titleId + "Title").className + " error-text";
document.getElementById("formField" + titleId + "Subtitle").className = document.getElementById("formField" + titleId + "Subtitle").className + " error-text";
}
window.scrollTo(0, 0);
}
this._visibleErrors.push(fieldId);
},
callbackClearErrors: function() {
for(var i = 0; i < this._visibleErrors.length; ++i) {
var fieldId = this._visibleErrors[i];
document.getElementById("formField" + fieldId + "Title").className = "fieldTitle";
document.getElementById("formField" + fieldId + "Error").innerHTML = "";
document.getElementById("formField" + fieldId + "Error").style.display = "none";
}
for(var i = 0; i < this._titleFieldIds.length; ++i) {
var fieldId = this._titleFieldIds[i];
document.getElementById("formField" + fieldId + "Title").className = "caption";
document.getElementById("formField" + fieldId + "Subtitle").className = "formTitle";
}
this._errorContainer.innerHTML = "";
this._visibleErrors = new Array();
},
callbackSuccess: function() {
this._submitButton.value = "Success!";
document.location.href = document.location.href + "?success=true";
},
callbackFailure: function(message) {
this._submitButton.disabled = false;
this._submitButton.value = "FAILURE!";
alert(message);
},
submitCustomForm: function() {
if (!this._renderForExternalUsage) { return; }
var submitVal = "";
this._submitButton.disabled = true;
this._submitButton.value = "Submitting...";
fieldsSubmitted = new Array();
for(id in this._fieldsByUniqueId) {
var f = this._fieldsByUniqueId[id];
var x = null;
var fieldDatabaseId = this._fieldIdsToDatabaseIds[id];
if (f.fieldType == FORMFIELD_TYPE_SINGLELINETEXT || f.fieldType == FORMFIELD_TYPE_PARAGRAPHTEXT || f.fieldType == FORMFIELD_TYPE_NUMBER || f.fieldType == FORMFIELD_TYPE_EMAIL || f.fieldType == FORMFIELD_TYPE_WEBSITE || f.fieldType == FORMFIELD_TYPE_DROPDOWN) {
x = this.generateParameterFromField(f.fieldId, "");
} else if (f.fieldType == FORMFIELD_TYPE_CHECKBOXES || f.fieldType == FORMFIELD_TYPE_MULTIPLECHOICE) {
x = "";
var opts = f.choices.replace(/\r/gi, "").split("\n");
var is = 0;
for(var i = 0; i < opts.length; ++i) {
if (opts[i].length > 0 && document.getElementById("formFieldEl" + f.fieldId + "-" + i).checked) {
if (opts[i].indexOf('*') == opts[i].length - 1) {
x += "formFieldEl" + this._fieldIdsToDatabaseIds[f.fieldId] + "-" + is + "=" + encodeURIComponent(opts[i].substring(0, opts[i].length - 1)) + "&";
} else {
x += "formFieldEl" + this._fieldIdsToDatabaseIds[f.fieldId] + "-" + is + "=" + encodeURIComponent(opts[i]) + "&";
}
++is;
}
}
} else if (f.fieldType == FORMFIELD_TYPE_ADDRESS) {
x = this.generateParameterFromField(f.fieldId, "A1") +
this.generateParameterFromField(f.fieldId, "A2") +
this.generateParameterFromField(f.fieldId, "CT") +
this.generateParameterFromField(f.fieldId, "ST") +
this.generateParameterFromField(f.fieldId, "ZP") +
this.generateParameterFromField(f.fieldId, "CO");
} else if (f.fieldType == FORMFIELD_TYPE_NAME) {
if (f.parameters == "extended") {
x = this.generateParameterFromField(f.fieldId, "TI") +
this.generateParameterFromField(f.fieldId, "NF") +
this.generateParameterFromField(f.fieldId, "NL") +
this.generateParameterFromField(f.fieldId, "SF");
} else {
x = this.generateParameterFromField(f.fieldId, "NF") +
this.generateParameterFromField(f.fieldId, "NL");
}
} else if (f.fieldType == FORMFIELD_TYPE_DATE) {
x = this.generateParameterFromField(f.fieldId, "MM") +
this.generateParameterFromField(f.fieldId, "DD") +
this.generateParameterFromField(f.fieldId, "YY");
} else if (f.fieldType == FORMFIELD_TYPE_TIME) {
x = this.generateParameterFromField(f.fieldId, "HH") +
this.generateParameterFromField(f.fieldId, "MM") +
this.generateParameterFromField(f.fieldId, "SS") +
this.generateParameterFromField(f.fieldId, "AP");
} else if (f.fieldType == FORMFIELD_TYPE_PHONE) {
if (f.parameters == "normal") {
x = this.generateParameterFromField(f.fieldId, "P1") +
this.generateParameterFromField(f.fieldId, "P2") +
this.generateParameterFromField(f.fieldId, "P3");
} else {
x = this.generateParameterFromField(f.fieldId, "")
}
} else if (f.fieldType == FORMFIELD_TYPE_PRICE) {
if (f.parameters == "yen") {
x = this.generateParameterFromField(f.fieldId, "")
} else {
x = this.generateParameterFromField(f.fieldId, "DL") +
this.generateParameterFromField(f.fieldId, "CT");
}
}
if (x != null) {
fieldsSubmitted.push( fieldDatabaseId );
submitVal += x;
}
}
submitVal += "fieldsSubmitted=" + fieldsSubmitted.join(",");
// submit data to server
var func = "/process/CreateFormEntry";
var data = "moduleId=" + this._currentModuleId + "&instanceName=" + encodeURIComponent(this._instanceName) + "&" + submitVal;
// process with the server
YAHOO.util.Connect.asyncRequest("POST", func, {
timeout : 10000,
success : function(o) {
eval(o.responseText);
},
failure : function(o) {
alert("Unable to send your form to the server. Please check your internet connection.");
this._submitButton.disabled = false;
this._submitButton.value = "Submit";
}
}, data);
}
});