/* */
/*==========================================================*/
/* (C) 2008-2009 Church of Scientology International */
/* All Rights Reserved. */
/*==========================================================*/
/*==========================================================*/
/** contact form JS include */
/*==========================================================*/
/*==========================================================*/
/** the "empty" value */
var EMPTY = {};
/**
* The locales that we support
*/
var ContactLocales = {
locales: new Array(
'en_US',
'en_GB',
'en_CA',
'da',
'de',
'el',
'es',
'es_ES',
'fr',
'fr_CA',
'hu',
'it',
'iw',
'ja',
'nl',
'no',
'pt_BR',
'pt_PT',
'ru',
'sv',
'zh'
)
};
/**
* The overall contact type(s)
*/
/*enum*/var ContactTypes = {
CONTACT: "contact",
INQUIRY: "inquiry"
};
/**
* The sub-types of contact forms. Each of these may have differences in the
* routing so we want to make sure we have the user select the correct type.
*/
function ContactSubTypeMap() {
this.types = new Array();
this.types.push("ask_a_question");
this.types.push("find_an_auditor");
this.types.push("get_started_with_dianetics");
this.types.push("get_started_with_scientology");
this.types.push("request_address_correction");
this.types.push("send_a_success_story");
this.types.push("report_a_technical_issue");
this.types.push("media_inquiries");
}
/**
* Dianetics-style ContactSubTypeMap
*/
function ContactSubTypeDianeticsMap() {
this.types = new Array();
this.types.push("ask_a_question");
this.types.push("find_an_auditor");
this.types.push("get_started_with_dianetics");
this.types.push("request_address_correction");
this.types.push("send_a_success_story");
this.types.push("report_a_technical_issue");
this.types.push("media_inquiries");
}
/**
* Scientology-style ContactSubTypeMap
*/
function ContactSubTypeScientologyMap() {
this.types = new Array();
this.types.push("ask_a_question");
this.types.push("find_an_auditor");
this.types.push("get_started_with_scientology");
this.types.push("request_address_correction");
this.types.push("send_a_success_story");
this.types.push("report_a_technical_issue");
this.types.push("media_inquiries");
}
/*==========================================================*/
/* Utility functions */
/*==========================================================*/
/**
* Encapsulates utility methods
*/
var ContactUtil = {
/**
* Trims a string (removes space from front or back - does not see
* other forms of white space such as new lines, tabs, etc.)
*/
trim: function(aString) {
if (aString == null) {
aString = "";
}
var s = new String(aString);
// trim leading space
while (s.length > 0 && s.charAt(0) == ' ') {
s = s.substr(1, s.length-1);
}
// trim trailing space
while (s.length > 0 && s.charAt(s.length-1) == ' ') {
s = s.substr(0, s.length-1);
}
// return it
return s;
},
/**
* Perform an AJAX post request.
* @param aUrl the url to post to
* @param aParamString the params (in query string format) as a single string
* @param aCallbackFunction the function to assign to receive readystatechange
* notifications
*/
ajaxPost: function(aUrl, aParamString, aCallbackFunction) {
var http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
// set type accordingly to anticipated content type
http_request.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('Cannot create XMLHTTP instance');
return null;
}
http_request.onreadystatechange = aCallbackFunction;
http_request.open('POST', aUrl, true);
http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http_request.setRequestHeader("Content-length", aParamString.length);
http_request.setRequestHeader("Connection", "close");
http_request.send(aParamString);
return http_request;
},
/**
* Takes the values of each of the fields in a form and converts them into
* a query string that can be used for GETing or POSTing data via
* XMLHTTPRequest
*/
formToQueryString: function(aForm) {
var myRetString = "";
//var myFieldTitle = "";
var myFieldValue = "";
var myFieldName = "";
var myElement = "";
for(var i = 0;i < aForm.elements.length;i++) {
myElement = aForm.elements[i];
//myFieldTitle = myElement.title;
myFieldValue = myElement.value;
myFieldName = myElement.name;
switch(myElement.type) {
case "text":
case "hidden":
case "password":
case "textarea":
myRetString += myFieldName + "=" + encodeURIComponent(myFieldValue) + "&";
break;
case "checkbox":
case "radio":
if(myElement.checked) myRetString += myFieldName + "=" + encodeURIComponent(myFieldValue) + "&";
break;
case "select-one":
myRetString += myFieldName + "=" +
myElement.options[myElement.selectedIndex].value + "&";
break;
} // switch
} // for
myRetString = myRetString.substr(0,(myRetString.length - 1));
return myRetString;
},
/**
* Outputs a string in one of two ways:
* If aElement is true (the boolean true value, not just any object),
* then the string is passed to document.write()
* If aElement contains an attribute called "innerHTML" then that
* attribute has the value of aString appended to it.
* aString is always returned.
*/
outputString: function(aString, aElement) {
if (aElement == true) {
document.write(aString);
}
else if (aElement.innerHTML/*hasOwnProperty("innerHTML")*/) {
aElement.innerHTML += aString;
}
else if (aElement == false) {
// if false, do not output at all
}
else {
throw new ContactException("invalid_element", {string:aString,element:aElement});
}
return aString;
},
/**
* Return the locale from the URL (i.e. look for the 'locale=es_ES' in the query string),
* return aDefaultLocale instead of locale is either not present or
* is the empty string ("")
*/
getDocUrlLocale: function(aDefaultLocale) {
var myRegEx = /[?&]locale=([a-zA-Z0-9_-]+)/;
var myResult = myRegEx.exec(document.URL);
var myLocale = aDefaultLocale;
if (myResult && myResult.length > 1 && myResult[1].length > 0) {
myLocale = myResult[1];
}
return myLocale;
},
/**
* Get the current document's URL with the locale= url param changed to
* be the indicated locale (or this param is added if not already there)
*/
getDocUrlRelocalized: function(aLocale) {
var myRegEx = /^(.*)[?&]locale=([a-zA-Z0-9_-]+)(.*)$/;
var myDocUrl = document.URL+"";
var myResult = myRegEx.exec(myDocUrl);
if (myResult) {
var myNewUrl = new String(myResult[1]);
// add question mark if not already there
if (myNewUrl.indexOf("?") < 0) {
myNewUrl += '?';
}
// append rest of query string
myDocUrl = myNewUrl + myResult[3];
}
if (myDocUrl.indexOf("?") < 0) {
myDocUrl += '?';
}
myDocUrl += "&locale=" + aLocale;
return myDocUrl;
},
/**
* Call on the onKeyDown handler of a text element (such as TextArea)
* to trim the length of the text to the given length - ensuring
* we don't get extra input.
*/
limitFieldValueLength: function(aField, aLength) {
if (aField.value.length > aLength) {
aField.value = aField.value.substring(0, aLength);
}
}
};
/*==========================================================*/
/* ContactException class */
/*==========================================================*/
/**
* A very simple class to encapsulate exceptions.
* The 'code' property is a string that indicates the type of
* exception and the 'info' property is an arbitrary object
* that gives more info about the exception.
*/
/*class*/function ContactException(aCode, aInfo) {
this.code = aCode;
this.info = aInfo;
}
ContactException.prototype = {
/**
* String representation of exception
*/
toString: function() {
var myString = '';
if (this.info) {
myString = this.code + " { ";
for (var i in this.info) {
myString += i + "=" + this.info[i] + ", ";
}
myString += " }";
}
else {
myString = this.code;
}
//myString += " :: " + this.stackTrace;
return myString;
}
};
/*==========================================================*/
/* ContactFormInput class */
/*==========================================================*/
/**
* Creats a new contact form input.
*
* @param aFieldName the name of the field, e.g. "firstName"
* @param aType the type of the field, one of:
* 'textInput' (input type='text')
* 'textArea' (textarea)
* 'countries' (select tag with countries)
* @param aUsesSpryValidation true if the appropriate spry validation
* tags should be output along with this field.
* @param aOptions (optional) a map of options, for custom select boxes
* (aType == 'select') this should contain something like:
* {
* selectOptions: [
* { key: 'teacher', value: 'Teacher', selected:true },
* { key: 'homeSchooler', value: 'Home Schooler' }
* ],
* required: true
* }
*/
/*class*/function ContactFormInput(aFieldName, aType, aUsesSpryValidation, aOptions) {
this.fieldName = aFieldName;
this.type = aType;
this.usesSpryValidation = aUsesSpryValidation;
this.options = aOptions;
}
ContactFormInput.prototype = {
/**
* Needs to be populated with the appropriate ContactForm instance.
*/
contactForm: EMPTY,
/**
* Return the ContactForm instance
*/
getContactForm: function() {
return this.contactForm;
},
/**
* Assign the ContactForm instance
*/
setContactForm: function(aContactForm) {
this.contactForm = aContactForm;
},
/**
* Returns the text label for this form element.
*/
getLabelText: function() {
if (this.options && this.options.labelText) {
return this.options.labelText;
}
return ContactStrings['field_'+this.fieldName+'_labelText'];
},
/**
* Returns the HTML that will present the appropriate form input
* to the user for this field.
*/
getInputHtml: function() {
var myRtl = this.contactForm.getOptions().locale.substr(0,2) == "iw" ? true : false ;
var myString = '';
if (this.usesSpryValidation) {
myString = '';
}
switch(this.type) {
case "textInput":
myString += '';
if (myRtl) { myString += ' '+ContactStrings.validation_textfieldMessages+' '; }
if (!myRtl) { myString += ContactStrings.validation_textfieldMessages; }
break;
case "textArea":
myString += '';
if (myRtl) { myString += ' '+ContactStrings.validation_textfieldMessages+' '; }
if (!myRtl) { myString += ContactStrings.validation_textfieldMessages; }
break;
case "countries":
myString += '';
if (myRtl) { myString += ' '+ContactStrings.validation_selectMessages+' '; }
if (!myRtl) { myString += ContactStrings.validation_selectMessages; }
break;
case "itemLocales":
myString += '';
if (myRtl) { myString += ' '+ContactStrings.validation_selectMessages+' '; }
if (!myRtl) { myString += ContactStrings.validation_selectMessages; }
break;
case "subTypes":
myString += '';
if (myRtl) { myString += ' '+ContactStrings.validation_selectMessages+' '; }
if (!myRtl) { myString += ContactStrings.validation_selectMessages; }
break;
case "select":
myString += '';
if (this.options.required) {
if (myRtl) { myString += ' '+ContactStrings.validation_selectMessages+' '; }
if (!myRtl) { myString += ContactStrings.validation_selectMessages; }
}
break;
default:
throw new ContactException("invalid_input_type", {type:this.type});
}
if (this.usesSpryValidation) {
myString += '';
}
return myString;
}
};
/**
* A collection of ContactFormInput instances, several derived classes provide
* different default configurations of fields - usually you just pick the
* one you want.
*/
/*class*/function ContactFormInputSet() {
this.inputs = new Array();
this.addInput(new ContactFormInput("subType", "subTypes", true));
this.addInput(new ContactFormInput("firstName", "textInput", true));
this.addInput(new ContactFormInput("lastName", "textInput", true));
this.addInput(new ContactFormInput("companyName", "textInput", true));
this.addInput(new ContactFormInput("occupation", "textInput", true));
this.addInput(new ContactFormInput("address1", "textInput", true));
this.addInput(new ContactFormInput("address2", "textInput", true));
this.addInput(new ContactFormInput("city", "textInput", true));
this.addInput(new ContactFormInput("state", "textInput", true));
this.addInput(new ContactFormInput("postalCode", "textInput", true));
this.addInput(new ContactFormInput("countryCode", "countries", true));
this.addInput(new ContactFormInput("homePhone", "textInput", true));
this.addInput(new ContactFormInput("workPhone", "textInput", true));
this.addInput(new ContactFormInput("altPhone", "textInput", true));
this.addInput(new ContactFormInput("emailAddress", "textInput", true));
this.addInput(new ContactFormInput("howFound", "textInput", true));
this.addInput(new ContactFormInput("commentsFeedback", "textArea", true));
}
ContactFormInputSet.prototype = {
/**
* Returns an array of the ContactFormInput instances that have been
* defined.
*/
getInputs: function() {
return this.inputs;
},
/**
* Returns true if the indicated input (either a ContactFormInput instance or
* a string with the name of the field) is contained in this set.
*/
containsInput: function(aInput) {
// if aInput instanceof String
if (aInput == (aInput+"")) {
for (var i in this.inputs) {
var myContactFormInput = this.inputs[i];
if (myContactFormInput.fieldName == (aInput+"")) {
return true;
}
}
return false;
}
else {
for (var j in this.inputs) {
if (aInput == this.inputs[j]) {
return true;
}
}
return false;
}
},
/**
* Removes an input. You will normally want to remove fields which aren't
* appropriate for your particular type of contact form. For example,
* the "workPhone" field is probably not needed if the form is for personal
* inquiries - thus you can use this call to remove that field before
* outputting the form.
* @param aInput the input to remove, this can be either an instance of
* ContactFormInput, or a String (in which case the string indicates
* the field name to remove).
*/
removeInput: function(aInput) {
var ret = null;
var myNewInputs = new Array();
// if aInput instanceof String
if (aInput == (aInput+"")) {
for (var i in this.inputs) {
var myContactFormInput = this.inputs[i];
if (myContactFormInput.fieldName != aInput) {
myNewInputs.push(myContactFormInput);
}
else {
ret = aInput;
}
}
}
else {
for (var j in this.inputs) {
var myContactFormInput2 = this.inputs[j];
if (myContactFormInput2 != aInput) {
myNewInputs.push(myContactFormInput2);
}
else {
ret = aInput;
}
}
}
// assign our new array
this.inputs = myNewInputs;
return ret;
},
/**
* Add an input to this contact form. This function calls setContactForm
* on the instance you pass.
*/
addInput: function(aContactFormInput) {
this.inputs.push(aContactFormInput);
aContactFormInput.setContactForm(this);
}
};
/**
* A simpler version of ContactFormInputSet, containing only the most common
* fields.
*/
function SimpleContactFormInputSet() {
this.inputs = new Array();
this.addInput(new ContactFormInput("subType", "subTypes", true));
this.addInput(new ContactFormInput("firstName", "textInput", true));
this.addInput(new ContactFormInput("lastName", "textInput", true));
this.addInput(new ContactFormInput("address1", "textInput", true));
this.addInput(new ContactFormInput("address2", "textInput", true));
this.addInput(new ContactFormInput("city", "textInput", true));
this.addInput(new ContactFormInput("state", "textInput", true));
this.addInput(new ContactFormInput("postalCode", "textInput", true));
this.addInput(new ContactFormInput("countryCode", "countries", true));
this.addInput(new ContactFormInput("homePhone", "textInput", true));
this.addInput(new ContactFormInput("emailAddress", "textInput", true));
this.addInput(new ContactFormInput("commentsFeedback", "textArea", true));
}
SimpleContactFormInputSet.prototype = ContactFormInputSet.prototype;
/**
* A version of ContactFormInputSet appropriate for Inquiry forms (where the
* end user is requesting a free kit or other hardcopy promotion).
*/
function InquiryContactFormInputSet() {
this.inputs = new Array();
//this.addInput(new ContactFormInput("subType", "subTypes", true));
this.addInput(new ContactFormInput("firstName", "textInput", true));
this.addInput(new ContactFormInput("lastName", "textInput", true));
this.addInput(new ContactFormInput("companyName", "textInput", true));
this.addInput(new ContactFormInput("address1", "textInput", true));
this.addInput(new ContactFormInput("address2", "textInput", true));
this.addInput(new ContactFormInput("city", "textInput", true));
this.addInput(new ContactFormInput("state", "textInput", true));
this.addInput(new ContactFormInput("postalCode", "textInput", true));
this.addInput(new ContactFormInput("countryCode", "countries", true));
this.addInput(new ContactFormInput("homePhone", "textInput", true));
//this.addInput(new ContactFormInput("workPhone", "textInput", true));
//this.addInput(new ContactFormInput("altPhone", "textInput", true));
this.addInput(new ContactFormInput("itemLocale", "itemLocales", true));
this.addInput(new ContactFormInput("occupation", "textInput", true));
this.addInput(new ContactFormInput("emailAddress", "textInput", true));
this.addInput(new ContactFormInput("howFound", "textInput", true));
this.addInput(new ContactFormInput("commentsFeedback", "textArea", true));
}
InquiryContactFormInputSet.prototype = ContactFormInputSet.prototype;
/*==========================================================*/
/* ContactFormState enumeration */
/*==========================================================*/
/**
* The different states the contact form can be in
*/
/*enum*/var ContactFormState = {
WAITING_FOR_INPUT:'waiting_for_input',
SUBMTITING:'submitting',
DONE:'done'
};
/*==========================================================*/
/* ContactForm class */
/*==========================================================*/
/**
* The main contact form object - constructor
*/
/*class*/function ContactForm(aId, aOptions) {
// our static set of instances
ContactForm.instances[aId] = this;
// the id of this contact form
this.id = aId;
// initialize the first state
this.state = ContactFormState.WAITING_FOR_INPUT;
// the place where we keep our spry validation objects
this.spryValidationObjects = {};
// init options
this.initOptions();
// load in default form inputs
this.setContactFormInputSet(new ContactFormInputSet());
// set the sub type map
this.setContactSubTypeMap(new ContactSubTypeMap());
// add user-specified options
this.addOptions(aOptions);
}
/**
* A global map of instances, so we can take an ID of a contact form and
* easily get the ContactForm instance that corresponds to it.
*/
ContactForm.instances = {};
/**
* Contact form class definition.
*/
ContactForm.prototype = {
/**
* Get the unique identifier of this form
*/
getId: function() {
return this.id;
},
/**
* Initialize the options to the default values - called by constructor
*/
initOptions: function() {
this.options = new Object();
/* should be set to the form object of the contact form */
this.options.form = EMPTY;
// start with no locale
this.options.locale = null;
// special field values
this.options.assignedOrg = '';
this.options.orgId = '';
this.options.campaign = "scn";
this.options.type = ContactTypes.CONTACT;
this.options.sourceCode = '';
this.options.itemIdArray = [];
this.options.itemLocale = '';
this.options.secularSource = '';
// events
this.options.onSubmitComplete = '';
// the default (full) ContactSubTypeMap
this.options.contactSubTypeMap = new ContactSubTypeMap();
},
/**
* Get the options
*/
getOptions: function() {
return this.options;
},
/**
* Assign the options you provide. The options must be valid options, i.e.
* you cannot assign arbitrary options. See initOptions function for list.
*
* @throw {code:'invalid_option',field:FIELD_NAME} if an invalid option is specified
*/
addOptions: function(aOptions) {
// loop over and assign each property on the object they
// passed
for (var i in aOptions) {
// first we make sure it's already on there, don't let
// people just assign random options, require them to be
// valid options
if (this.options[i] || this.options[i] == EMPTY || this.options[i].length == 0) {
this.options[i] = aOptions[i];
}
// no such field
else {
throw new ContactException('invalid_option',{option:i});
}
}
},
/**
* Creates the default Spry validation objects for the form fields that
* are built into CustomForm. Call this after the form has been output
* and the form fields exist.
*/
initDefaultSpryValidation: function() {
if (this.getContactFormInputSet().containsInput('subType')) {
this.addSpryValidation('subType', new Spry.Widget.ValidationSelect(this.id+"_spry_subType", {validateOn:["blur"]}));
}
this.addSpryValidation('firstName', new Spry.Widget.ValidationTextField(this.id+"_spry_firstName", "none", {validateOn:['blur']}));
this.addSpryValidation('lastName', new Spry.Widget.ValidationTextField(this.id+"_spry_lastName", "none", {validateOn:['blur']}));
this.addSpryValidation('address1', new Spry.Widget.ValidationTextField(this.id+"_spry_address1", "none", {validateOn:['blur']}));
this.addSpryValidation('city', new Spry.Widget.ValidationTextField(this.id+"_spry_city", "none", {validateOn:['blur'],maxChars:60}));
this.addSpryValidation('state', new Spry.Widget.ValidationTextField(this.id+"_spry_state", "none", {validateOn:['blur'],maxChars:60}));
this.addSpryValidation('postalCode', new Spry.Widget.ValidationTextField(this.id+"_spry_postalCode", "none", {validateOn:['blur'],maxChars:20}));
this.addSpryValidation('countryCode', new Spry.Widget.ValidationSelect(this.id+"_spry_countryCode", {validateOn:["blur"]}));
this.addSpryValidation('emailAddress', new Spry.Widget.ValidationTextField(this.id+"_spry_emailAddress", "email", {validateOn:['blur']}));
if (this.getContactFormInputSet().containsInput('occupation')) {
this.addSpryValidation('occupation', new Spry.Widget.ValidationTextField(this.id+"_spry_occupation", "none", {validateOn:['blur']}));
}
if (this.getContactFormInputSet().containsInput('howFound')) {
this.addSpryValidation('howFound', new Spry.Widget.ValidationTextField(this.id+"_spry_howFound", "none", {validateOn:['blur']}));
}
if (this.getContactFormInputSet().containsInput('itemLocale')) {
this.addSpryValidation('itemLocale', new Spry.Widget.ValidationSelect(this.id+"_spry_itemLocale", {validateOn:["blur"]}));
}
//this.getSpryValidation('state').options.isRequired=false;
this.getSpryValidation('state').isRequired=false;
//this.getSpryValidation('postalCode').options.isRequired=false;
this.getSpryValidation('postalCode').isRequired=false;
},
/**
* Call this to add a Spry.Widget.ValidationNNNN object to the list of
* validation objects that we consider before deciding that the current
* form is "valid" and should be sent.
* @param aValidationId a unique ID for this validation object
* @param aValidation the validation object itself
*/
addSpryValidation: function(aValidationId, aValidation) {
this.spryValidationObjects[aValidationId] = aValidation;
},
/**
* Make the validation, identified by the given validation ID, disabled.
*/
disableSpryValidation: function(aValidationId) {
var myValidationObject = this.spryValidationObjects[aValidationId];
if (!myValidationObject) { return; }
// if already disabled, do nothing
if (myValidationObject._orig_isDisabled) {
return;
}
// get rid of any existing errors
myValidationObject.errors = 0;
// store the old isDisabled method
myValidationObject._orig_isDisabled = myValidationObject.isDisabled;
// replace the isDisabled method with one that always returns true
myValidationObject.isDisabled = function() { return true; }
// NOTE: calling validate() should clear any existing error message - but
// the caller needs to do this
},
/**
* Make the validation, identified by the given validation ID, enabled.
*/
enableSpryValidation: function(aValidationId) {
var myValidationObject = this.spryValidationObjects[aValidationId];
if (!myValidationObject) { return; }
// only do something if it's currently disabled
if (myValidationObject._orig_isDisabled) {
// restore the original isDisabled method
myValidationObject.isDisabled = myValidationObject._orig_isDisabled;
// nuke this member, indicating that validation is no longer disabled
myValidationObject._orig_isDisabled = null;
delete myValidationObject._orig_isDisabled;
}
},
/**
* Perform validation
*/
validateSpryValidation: function(aValidationId) {
var myValidationObject = this.spryValidationObjects[aValidationId];
if (!myValidationObject) { return; }
// perform validation
myValidationObject.validate();
},
/**
* Get the SpryValidation object with the indicated ID
*/
getSpryValidation: function(aValidationId) {
return this.spryValidationObjects[aValidationId];
},
/**
* Get the ContactFormInputSet instance that we are using for our fields
*/
getContactFormInputSet: function() {
return this.contactFormInputSet;
},
/**
* Set the ContactFormInputSet instance that we use for our fields
*/
setContactFormInputSet: function(aContactFormInputSet) {
var myInputs;
var myInput;
var i;
// disconnect any previous contact form input set
if (this.contactFormInputSet) {
myInputs = this.contactFormInputSet.getInputs();
for (i in myInputs) {
myInput = myInputs[i];
myInput.setContactForm(null);
}
}
// assign contactForm to this for new set
myInputs = aContactFormInputSet.getInputs();
for (i in myInputs) {
myInput = myInputs[i];
myInput.setContactForm(this);
}
this.contactFormInputSet = aContactFormInputSet;
},
/**
* Set the ContactSubTypeMap instance for us to use
*/
setContactSubTypeMap: function(aContactSubTypeMap) {
this.contactSubTypeMap = aContactSubTypeMap;
},
/**
* Get the ContactSubTypeMap instance that we are using
*/
getContactSubTypeMap: function() {
return this.contactSubTypeMap;
},
/**
* Get/output the form submit button
*/
outputFormSubmit: function(aElement) {
var myString = '';
myString += '';
return ContactUtil.outputString(myString, aElement);
},
/**
* Output an entire form body (a big HTML table) with all of the default fields. Use this
* unless you need customize the field layout.
*
* @param aElement see ContactUtil.outputString
* @return a string containing the HTML for this form
*/
outputFormBody: function(aElement) {
var myString = '';
// start of table
myString += '
'+'';
// use combined form to retrieve CSS for faster load time
//myString += '';
// changed: we now just load one CSS file, nice and simple
myString += '';
/*
myString += '';
myString += '';
myString += '';
*/
return ContactUtil.outputString(myString, aElement);
},
/**
* Output the preamble which includes any additional JS, CSS, etc.
*/
outputFormPreamble: function(aElement) {
var myString = '';
// the main contact div tag goes after the CSS links, since they get blown
// away when the thank you page is presented
myString += '
';
return ContactUtil.outputString(myString, aElement);
},
/**
* Output the title and subtitle of the form
*/
outputFormTitle: function(aElement) {
var myRtl = this.getOptions().locale.substr(0,2) == 'iw' ? 'dir="rtl"' : 'dir="ltr"' ;
var myString = '';
var myStyle = ContactLocales.locales.length > 1 ? '' : 'style="display:none"';
myString += '
' + ContactStrings.text_locale;
myString += '
';
myString += '
';
myString += '
' + ContactStrings.text_title + '
';
myString += '
' + ContactStrings.text_subtitle + '
';
return ContactUtil.outputString(myString, aElement);
},
/**
* Submits the contact form.
*/
submitForm: function() {
// ignore if we're not in the the 'waiting for input' state
if (this.state != ContactFormState.WAITING_FOR_INPUT) {
return;
}
// fire all validation on the form and keep track of whether or
// not any fields failed
var myValid = true;
for (var i in this.spryValidationObjects) {
var myValidationObject = this.spryValidationObjects[i];
if (!myValidationObject.validate()) {
myValid = false;
}
}
// if any field failed validation, then return without submitting
if (!myValid) {
return;
}
// change to submitting state
this.state = ContactFormState.SUBMTITING;
// disable the submit button and change text to reflect submitting state
// TODO: if this type of state code gets out of hand, go ahead and do a
// real state pattern impl; but for now there's only a few lines of state
// code so it's not worth it
var mySubmitButton = document.getElementById(this.id+'_submitButton');
if (mySubmitButton) {
mySubmitButton.disabled = true;
mySubmitButton.value = ContactStrings.text_submitting;
}
// make params from form values
var myParams = ContactUtil.formToQueryString(this.options.form);
// append additional options as parameters
myParams += "&locale=" + encodeURIComponent(this.getOptions().locale);
myParams += "&type=" + encodeURIComponent(this.getOptions().type);
myParams += "&assignedOrg=" + encodeURIComponent(this.getOptions().assignedOrg);
myParams += "&campaign=" + encodeURIComponent(this.getOptions().campaign);
myParams += "&sourceCode=" + encodeURIComponent(this.getOptions().sourceCode);
myParams += "&secularSource=" + encodeURIComponent(this.getOptions().secularSource+"");
myParams += "&contactFormId=" + encodeURIComponent(this.id);
myParams += "&orgId=" + encodeURIComponent(this.getOptions().orgId);
// only if itemLocale field is missing do we actually transmit the value of itemLocale
// as set as a form option
if (!this.getContactFormInputSet().containsInput('itemLocale')) {
myParams += "&itemLocale=" + encodeURIComponent(this.getOptions().itemLocale);
}
for (var j in this.getOptions().itemIdArray) {
myParams += "&itemId=" + encodeURIComponent(this.getOptions().itemIdArray[j]);
}
myParams += "&.rnd=" + encodeURIComponent((new Date()).getTime()+"");
// now build the script tag with
var myHeadElement = document.getElementsByTagName("head").item(0);
// Create the script tag
var myScriptElement = document.createElement("script");
// base URL
var myUrl = "http://contact.cchr.org/api/contact/contact_action.vm";
// make sure it's got the question mark
if (myUrl.indexOf('?') < 0) {
myUrl += '?';
}
// Add script object attributes
myScriptElement.setAttribute("type", "text/javascript");
myScriptElement.setAttribute("charset", "utf-8");
myScriptElement.setAttribute("src", myUrl + '&' + myParams);
// add the element (this makes the call)
myHeadElement.appendChild(myScriptElement);
},
/**
* Called by script include to indicate that request was processed correctly
*/
onSubmitFormCallback: function(aSuccess) {
if (aSuccess) {
this.state = ContactFormState.DONE;
//alert(aRequest.responseText);
var myElement = document.getElementById(this.id+'_container');
//myElement.style.opacity = 2/10;
//myElement.style.filter = 'alpha(opacity=30)';
var myHeight = myElement.clientHeight;
//alert(myHeight);
myElement.style.height = myHeight + 'px';
myElement.innerHTML = '
'+ContactStrings.text_thank_you+'
';
// scroll to top to make sure the user can read the message
window.scroll(0, 0);
// fire the event, if configured
if (this.options.onSubmitComplete && this.options.onSubmitComplete != '') {
this.options.onSubmitComplete();
}
} else {
alert(ContactStrings.text_request_error + ' :: status=' + aRequest.status);
// send back to earlier state, just in case it was a temp connection issue
this.state = ContactFormState.WAITING_FOR_INPUT;
// set submit button back to earlier state
var mySubmitButton = document.getElementById(this.id+'_submitButton');
if (mySubmitButton) {
mySubmitButton.disabled = false;
mySubmitButton.value = ContactStrings.text_submit;
}
}
}
};
/*==========================================================*/
/*==========================================================*/
// SpryValidationTextField.js - version 0.37 - Spry Pre-Release 1.6.1
//
// Copyright (c) 2006. Adobe Systems Incorporated.
// All rights reserved.
//
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
//
// * Redistributions of source code must retain the above copyright notice,
// this list of conditions and the following disclaimer.
// * Redistributions in binary form must reproduce the above copyright notice,
// this list of conditions and the following disclaimer in the documentation
// and/or other materials provided with the distribution.
// * Neither the name of Adobe Systems Incorporated nor the names of its
// contributors may be used to endorse or promote products derived from this
// software without specific prior written permission.
//
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
var Spry;
if (!Spry) Spry = {};
if (!Spry.Widget) Spry.Widget = {};
Spry.Widget.BrowserSniff = function()
{
var b = navigator.appName.toString();
var up = navigator.platform.toString();
var ua = navigator.userAgent.toString();
this.mozilla = this.ie = this.opera = this.safari = false;
var re_opera = /Opera.([0-9\.]*)/i;
var re_msie = /MSIE.([0-9\.]*)/i;
var re_gecko = /gecko/i;
var re_safari = /(applewebkit|safari)\/([\d\.]*)/i;
var r = false;
if ( (r = ua.match(re_opera))) {
this.opera = true;
this.version = parseFloat(r[1]);
} else if ( (r = ua.match(re_msie))) {
this.ie = true;
this.version = parseFloat(r[1]);
} else if ( (r = ua.match(re_safari))) {
this.safari = true;
this.version = parseFloat(r[2]);
} else if (ua.match(re_gecko)) {
var re_gecko_version = /rv:\s*([0-9\.]+)/i;
r = ua.match(re_gecko_version);
this.mozilla = true;
this.version = parseFloat(r[1]);
}
this.windows = this.mac = this.linux = false;
this.Platform = ua.match(/windows/i) ? "windows" :
(ua.match(/linux/i) ? "linux" :
(ua.match(/mac/i) ? "mac" :
ua.match(/unix/i)? "unix" : "unknown"));
this[this.Platform] = true;
this.v = this.version;
if (this.safari && this.mac && this.mozilla) {
this.mozilla = false;
}
};
Spry.is = new Spry.Widget.BrowserSniff();
Spry.Widget.ValidationTextField = function(element, type, options)
{
type = Spry.Widget.Utils.firstValid(type, "none");
if (typeof type != 'string') {
this.showError('The second parameter in the constructor should be the validation type, the options are the third parameter.');
return;
}
if (typeof Spry.Widget.ValidationTextField.ValidationDescriptors[type] == 'undefined') {
this.showError('Unknown validation type received as the second parameter.');
return;
}
options = Spry.Widget.Utils.firstValid(options, {});
this.type = type;
if (!this.isBrowserSupported()) {
//disable character masking and pattern behaviors for low level browsers
options.useCharacterMasking = false;
}
this.init(element, options);
//make sure we validate at least on submit
var validateOn = ['submit'].concat(Spry.Widget.Utils.firstValid(this.options.validateOn, []));
validateOn = validateOn.join(",");
this.validateOn = 0;
this.validateOn = this.validateOn | (validateOn.indexOf('submit') != -1 ? Spry.Widget.ValidationTextField.ONSUBMIT : 0);
this.validateOn = this.validateOn | (validateOn.indexOf('blur') != -1 ? Spry.Widget.ValidationTextField.ONBLUR : 0);
this.validateOn = this.validateOn | (validateOn.indexOf('change') != -1 ? Spry.Widget.ValidationTextField.ONCHANGE : 0);
if (Spry.Widget.ValidationTextField.onloadDidFire)
this.attachBehaviors();
else
Spry.Widget.ValidationTextField.loadQueue.push(this);
};
Spry.Widget.ValidationTextField.ONCHANGE = 1;
Spry.Widget.ValidationTextField.ONBLUR = 2;
Spry.Widget.ValidationTextField.ONSUBMIT = 4;
Spry.Widget.ValidationTextField.ERROR_REQUIRED = 1;
Spry.Widget.ValidationTextField.ERROR_FORMAT = 2;
Spry.Widget.ValidationTextField.ERROR_RANGE_MIN = 4;
Spry.Widget.ValidationTextField.ERROR_RANGE_MAX = 8;
Spry.Widget.ValidationTextField.ERROR_CHARS_MIN = 16;
Spry.Widget.ValidationTextField.ERROR_CHARS_MAX = 32;
/* validation parameters:
* - characterMasking : prevent typing of characters not matching an regular expression
* - regExpFilter : additional regular expression to disalow typing of characters
* (like the "-" sign in the middle of the value); use for partial matching of the currently typed value;
* the typed value must match regExpFilter at any moment
* - pattern : enforce character on each position inside a pattern (AX0?)
* - validation : function performing logic validation; return false if failed and the typedValue value on success
* - minValue, maxValue : range validation; check if typedValue inside the specified range
* - minChars, maxChars : value length validation; at least/at most number of characters
* */
Spry.Widget.ValidationTextField.ValidationDescriptors = {
'none': {
},
'custom': {
},
'integer': {
characterMasking: /[\-\+\d]/,
regExpFilter: /^[\-\+]?\d*$/,
validation: function(value, options) {
if (value == '' || value == '-' || value == '+') {
return false;
}
var regExp = /^[\-\+]?\d*$/;
if (!regExp.test(value)) {
return false;
}
options = options || {allowNegative:false};
var ret = parseInt(value, 10);
if (!isNaN(ret)) {
var allowNegative = true;
if (typeof options.allowNegative != 'undefined' && options.allowNegative == false) {
allowNegative = false;
}
if (!allowNegative && value < 0) {
ret = false;
}
} else {
ret = false;
}
return ret;
}
},
'real': {
characterMasking: /[\d\.,\-\+e]/i,
regExpFilter: /^[\-\+]?\d(?:|\.,\d{0,2})|(?:|e{0,1}[\-\+]?\d{0,})$/i,
validation: function (value, options) {
var regExp = /^[\+\-]?[0-9]+([\.,][0-9]+)?([eE]{0,1}[\-\+]?[0-9]+)?$/;
if (!regExp.test(value)) {
return false;
}
var ret = parseFloat(value);
if (isNaN(ret)) {
ret = false;
}
return ret;
}
},
'currency': {
formats: {
'dot_comma': {
characterMasking: /[\d\.\,\-\+\$]/,
regExpFilter: /^[\-\+]?(?:[\d\.]*)+(|\,\d{0,2})$/,
validation: function(value, options) {
var ret = false;
//2 or no digits after the comma
if (/^(\-|\+)?\d{1,3}(?:\.\d{3})*(?:\,\d{2}|)$/.test(value) || /^(\-|\+)?\d+(?:\,\d{2}|)$/.test(value)) {
value = value.toString().replace(/\./gi, '').replace(/\,/, '.');
ret = parseFloat(value);
}
return ret;
}
},
'comma_dot': {
characterMasking: /[\d\.\,\-\+\$]/,
regExpFilter: /^[\-\+]?(?:[\d\,]*)+(|\.\d{0,2})$/,
validation: function(value, options) {
var ret = false;
//2 or no digits after the comma
if (/^(\-|\+)?\d{1,3}(?:\,\d{3})*(?:\.\d{2}|)$/.test(value) || /^(\-|\+)?\d+(?:\.\d{2}|)$/.test(value)) {
value = value.toString().replace(/\,/gi, '');
ret = parseFloat(value);
}
return ret;
}
}
}
},
'email': {
characterMasking: /[^\s]/,
validation: function(value, options) {
var rx = /^[\w\.-]+@[\w\.-]+\.\w+$/i;
return rx.test(value);
}
},
'date': {
validation: function(value, options) {
var formatRegExp = /^([mdy]+)[\.\-\/\\\s]+([mdy]+)[\.\-\/\\\s]+([mdy]+)$/i;
var valueRegExp = this.dateValidationPattern;
var formatGroups = options.format.match(formatRegExp);
var valueGroups = value.match(valueRegExp);
if (formatGroups !== null && valueGroups !== null) {
var dayIndex = -1;
var monthIndex = -1;
var yearIndex = -1;
for (var i=1; i 12) {
return false;
}
// Calculate the maxDay according to the current month
switch (theMonth) {
case 1: // January
case 3: // March
case 5: // May
case 7: // July
case 8: // August
case 10: // October
case 12: // December
maxDay = 31;
break;
case 4: // April
case 6: // June
case 9: // September
case 11: // November
maxDay = 30;
break;
case 2: // February
if ((parseInt(theYear/4, 10) * 4 == theYear) && (theYear % 100 != 0 || theYear % 400 == 0)) {
maxDay = 29;
} else {
maxDay = 28;
}
break;
}
// Check day value to be between 1..maxDay
if (theDay < 1 || theDay > maxDay) {
return false;
}
// If successfull we'll return the date object
return (new Date(theYear, theMonth - 1, theDay)); //JavaScript requires a month between 0 and 11
}
} else {
return false;
}
}
},
'time': {
validation: function(value, options) {
// HH:MM:SS T
var formatRegExp = /([hmst]+)/gi;
var valueRegExp = /(\d+|AM?|PM?)/gi;
var formatGroups = options.format.match(formatRegExp);
var valueGroups = value.match(valueRegExp);
//mast match and have same length
if (formatGroups !== null && valueGroups !== null) {
if (formatGroups.length != valueGroups.length) {
return false;
}
var hourIndex = -1;
var minuteIndex = -1;
var secondIndex = -1;
//T is AM or PM
var tIndex = -1;
var theHour = 0, theMinute = 0, theSecond = 0, theT = 'AM';
for (var i=0; i (formatGroups[hourIndex] == 'HH' ? 23 : 12 )) {
return false;
}
}
if (minuteIndex != -1) {
var theMinute = parseInt(valueGroups[minuteIndex], 10);
if (isNaN(theMinute) || theMinute > 59) {
return false;
}
}
if (secondIndex != -1) {
var theSecond = parseInt(valueGroups[secondIndex], 10);
if (isNaN(theSecond) || theSecond > 59) {
return false;
}
}
if (tIndex != -1) {
var theT = valueGroups[tIndex].toUpperCase();
if (
formatGroups[tIndex].toUpperCase() == 'TT' && !/^a|pm$/i.test(theT) ||
formatGroups[tIndex].toUpperCase() == 'T' && !/^a|p$/i.test(theT)
) {
return false;
}
}
var date = new Date(2000, 0, 1, theHour + (theT.charAt(0) == 'P'?12:0), theMinute, theSecond);
return date;
} else {
return false;
}
}
},
'credit_card': {
characterMasking: /\d/,
validation: function(value, options) {
var regExp = null;
options.format = options.format || 'ALL';
switch (options.format.toUpperCase()) {
case 'ALL': regExp = /^[3-6]{1}[0-9]{12,18}$/; break;
case 'VISA': regExp = /^4(?:[0-9]{12}|[0-9]{15})$/; break;
case 'MASTERCARD': regExp = /^5[1-5]{1}[0-9]{14}$/; break;
case 'AMEX': regExp = /^3(4|7){1}[0-9]{13}$/; break;
case 'DISCOVER': regExp = /^6011[0-9]{12}$/; break;
case 'DINERSCLUB': regExp = /^3(?:(0[0-5]{1}[0-9]{11})|(6[0-9]{12})|(8[0-9]{12}))$/; break;
}
if (!regExp.test(value)) {
return false;
}
var digits = [];
var j = 1, digit = '';
for (var i = value.length - 1; i >= 0; i--) {
if ((j%2) == 0) {
digit = parseInt(value.charAt(i), 10) * 2;
digits[digits.length] = digit.toString().charAt(0);
if (digit.toString().length == 2) {
digits[digits.length] = digit.toString().charAt(1);
}
} else {
digit = value.charAt(i);
digits[digits.length] = digit;
}
j++;
}
var sum = 0;
for(i=0; i < digits.length; i++ ) {
sum += parseInt(digits[i], 10);
}
if ((sum%10) == 0) {
return true;
}
return false;
}
},
'zip_code': {
formats: {
'zip_us9': {
pattern:'00000-0000'
},
'zip_us5': {
pattern:'00000'
},
'zip_uk': {
characterMasking: /[\dA-Z\s]/,
validation: function(value, options) {
//check one of the following masks
// AN NAA, ANA NAA, ANN NAA, AAN NAA, AANA NAA, AANN NAA
return /^[A-Z]{1,2}\d[\dA-Z]?\s?\d[A-Z]{2}$/.test(value);
}
},
'zip_canada': {
characterMasking: /[\dA-Z\s]/,
pattern: 'A0A 0A0'
},
'zip_custom': {}
}
},
'phone_number': {
formats: {
//US phone number; 10 digits
'phone_us': {
pattern:'(000) 000-0000'
},
'phone_custom': {}
}
},
'social_security_number': {
pattern:'000-00-0000'
},
'ip': {
characterMaskingFormats: {
'ipv4': /[\d\.]/i,
'ipv6_ipv4': /[\d\.\:A-F\/]/i,
'ipv6': /[\d\.\:A-F\/]/i
},
validation: function (value, options) {
return Spry.Widget.ValidationTextField.validateIP(value, options.format);
}
},
'url': {
characterMasking: /[^\s]/,
validation: function(value, options) {
//fix for ?ID=223429 and ?ID=223387
/* the following regexp matches components of an URI as specified in http://tools.ietf.org/html/rfc3986#page-51 page 51, Appendix B.
scheme = $2
authority = $4
path = $5
query = $7
fragment = $9
*/
var URI_spliter = /^(([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/;
var parts = value.match(URI_spliter);
if (parts && parts[4]) {
//encode each component of the domain name using Punycode encoding scheme: http://tools.ietf.org/html/rfc3492
var host = parts[4].split(".");
var punyencoded = '';
for (var i=0; i 1080::8:800:200C:417A
FF01:0:0:0:0:0:0:101 --> FF01::101
0:0:0:0:0:0:0:1 --> ::1
0:0:0:0:0:0:0:0 --> ::
2.5.4 IPv6 Addresses with Embedded IPv4 Addresses
IPv4-compatible IPv6 address (tunnel IPv6 packets over IPv4 routing infrastructures)
::0:129.144.52.38
IPv4-mapped IPv6 address (represent the addresses of IPv4-only nodes as IPv6 addresses)
::ffff:129.144.52.38
The text representation of IPv6 addresses and prefixes in Augmented BNF (Backus-Naur Form) [ABNF] for reference purposes.
[ABNF http://tools.ietf.org/html/rfc2234]
IPv6address = hexpart [ ":" IPv4address ]
IPv4address = 1*3DIGIT "." 1*3DIGIT "." 1*3DIGIT "." 1*3DIGIT
IPv6prefix = hexpart "/" 1*2DIGIT
hexpart = hexseq | hexseq "::" [ hexseq ] | "::" [ hexseq ]
hexseq = hex4 *( ":" hex4)
hex4 = 1*4HEXDIG
*/
Spry.Widget.ValidationTextField.validateIP = function (value, format)
{
var validIPv6Addresses = [
//preferred
/^(?:[a-f0-9]{1,4}:){7}[a-f0-9]{1,4}(?:\/\d{1,3})?$/i,
//various compressed
/^[a-f0-9]{0,4}::(?:\/\d{1,3})?$/i,
/^:(?::[a-f0-9]{1,4}){1,6}(?:\/\d{1,3})?$/i,
/^(?:[a-f0-9]{1,4}:){1,6}:(?:\/\d{1,3})?$/i,
/^(?:[a-f0-9]{1,4}:)(?::[a-f0-9]{1,4}){1,6}(?:\/\d{1,3})?$/i,
/^(?:[a-f0-9]{1,4}:){2}(?::[a-f0-9]{1,4}){1,5}(?:\/\d{1,3})?$/i,
/^(?:[a-f0-9]{1,4}:){3}(?::[a-f0-9]{1,4}){1,4}(?:\/\d{1,3})?$/i,
/^(?:[a-f0-9]{1,4}:){4}(?::[a-f0-9]{1,4}){1,3}(?:\/\d{1,3})?$/i,
/^(?:[a-f0-9]{1,4}:){5}(?::[a-f0-9]{1,4}){1,2}(?:\/\d{1,3})?$/i,
/^(?:[a-f0-9]{1,4}:){6}(?::[a-f0-9]{1,4})(?:\/\d{1,3})?$/i,
//IPv6 mixes with IPv4
/^(?:[a-f0-9]{1,4}:){6}(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i,
/^:(?::[a-f0-9]{1,4}){0,4}:(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i,
/^(?:[a-f0-9]{1,4}:){1,5}:(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i,
/^(?:[a-f0-9]{1,4}:)(?::[a-f0-9]{1,4}){1,4}:(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i,
/^(?:[a-f0-9]{1,4}:){2}(?::[a-f0-9]{1,4}){1,3}:(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i,
/^(?:[a-f0-9]{1,4}:){3}(?::[a-f0-9]{1,4}){1,2}:(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i,
/^(?:[a-f0-9]{1,4}:){4}(?::[a-f0-9]{1,4}):(?:\d{1,3}\.){3}\d{1,3}(?:\/\d{1,3})?$/i
];
var validIPv4Addresses = [
//IPv4
/^(\d{1,3}\.){3}\d{1,3}$/i
];
var validAddresses = [];
if (format == 'ipv6' || format == 'ipv6_ipv4') {
validAddresses = validAddresses.concat(validIPv6Addresses);
}
if (format == 'ipv4' || format == 'ipv6_ipv4') {
validAddresses = validAddresses.concat(validIPv4Addresses);
}
var ret = false;
for (var i=0; i 255 || !regExp.test(pieces[i]) || pieces[i].length>3 || /^0{2,3}$/.test(pieces[i])) {
return false;
}
}
}
if (ret && value.indexOf("/") != -1) {
// if prefix-length is specified must be in [1-128]
var prefLen = value.match(/\/\d{1,3}$/);
if (!prefLen) return false;
var prefLenVal = parseInt(prefLen[0].replace(/^\//,''), 10);
if (isNaN(prefLenVal) || prefLenVal > 128 || prefLenVal < 1) {
return false;
}
}
return ret;
};
Spry.Widget.ValidationTextField.onloadDidFire = false;
Spry.Widget.ValidationTextField.loadQueue = [];
Spry.Widget.ValidationTextField.prototype.isBrowserSupported = function()
{
return Spry.is.ie && Spry.is.v >= 5 && Spry.is.windows
||
Spry.is.mozilla && Spry.is.v >= 1.4
||
Spry.is.safari
||
Spry.is.opera && Spry.is.v >= 9;
};
Spry.Widget.ValidationTextField.prototype.init = function(element, options)
{
this.element = this.getElement(element);
this.errors = 0;
this.flags = {locked: false, restoreSelection: true};
this.options = {};
this.event_handlers = [];
this.validClass = "textfieldValidState";
this.focusClass = "textfieldFocusState";
this.requiredClass = "textfieldRequiredState";
this.hintClass = "textfieldHintState";
this.invalidFormatClass = "textfieldInvalidFormatState";
this.invalidRangeMinClass = "textfieldMinValueState";
this.invalidRangeMaxClass = "textfieldMaxValueState";
this.invalidCharsMinClass = "textfieldMinCharsState";
this.invalidCharsMaxClass = "textfieldMaxCharsState";
this.textfieldFlashTextClass = "textfieldFlashText";
if (Spry.is.safari) {
this.flags.lastKeyPressedTimeStamp = 0;
}
switch (this.type) {
case 'phone_number':options.format = Spry.Widget.Utils.firstValid(options.format, 'phone_us');break;
case 'currency':options.format = Spry.Widget.Utils.firstValid(options.format, 'comma_dot');break;
case 'zip_code':options.format = Spry.Widget.Utils.firstValid(options.format, 'zip_us5');break;
case 'date':
options.format = Spry.Widget.Utils.firstValid(options.format, 'mm/dd/yy');
break;
case 'time':
options.format = Spry.Widget.Utils.firstValid(options.format, 'HH:mm');
options.pattern = options.format.replace(/[hms]/gi, "0").replace(/TT/gi, 'AM').replace(/T/gi, 'A');
break;
case 'ip':
options.format = Spry.Widget.Utils.firstValid(options.format, 'ipv4');
options.characterMasking = Spry.Widget.ValidationTextField.ValidationDescriptors[this.type].characterMaskingFormats[options.format];
break;
}
//retrieve the validation type descriptor to be used with this instance (base on type and format)
//widgets may have different validations depending on format (like zip_code with formats)
var validationDescriptor = {};
if (options.format && Spry.Widget.ValidationTextField.ValidationDescriptors[this.type].formats) {
if (Spry.Widget.ValidationTextField.ValidationDescriptors[this.type].formats[options.format]) {
Spry.Widget.Utils.setOptions(validationDescriptor, Spry.Widget.ValidationTextField.ValidationDescriptors[this.type].formats[options.format]);
}
} else {
Spry.Widget.Utils.setOptions(validationDescriptor, Spry.Widget.ValidationTextField.ValidationDescriptors[this.type]);
}
//set default values for some parameters which were not aspecified
options.useCharacterMasking = Spry.Widget.Utils.firstValid(options.useCharacterMasking, false);
options.hint = Spry.Widget.Utils.firstValid(options.hint, '');
options.isRequired = Spry.Widget.Utils.firstValid(options.isRequired, true);
options.additionalError = Spry.Widget.Utils.firstValid(options.additionalError, false);
if (options.additionalError)
options.additionalError = this.getElement(options.additionalError);
//set widget validation parameters
//get values from validation type descriptor
//use the user specified values, if defined
options.characterMasking = Spry.Widget.Utils.firstValid(options.characterMasking, validationDescriptor.characterMasking);
options.regExpFilter = Spry.Widget.Utils.firstValid(options.regExpFilter, validationDescriptor.regExpFilter);
options.pattern = Spry.Widget.Utils.firstValid(options.pattern, validationDescriptor.pattern);
options.validation = Spry.Widget.Utils.firstValid(options.validation, validationDescriptor.validation);
if (typeof options.validation == 'string') {
options.validation = eval(options.validation);
}
options.minValue = Spry.Widget.Utils.firstValid(options.minValue, validationDescriptor.minValue);
options.maxValue = Spry.Widget.Utils.firstValid(options.maxValue, validationDescriptor.maxValue);
options.minChars = Spry.Widget.Utils.firstValid(options.minChars, validationDescriptor.minChars);
options.maxChars = Spry.Widget.Utils.firstValid(options.maxChars, validationDescriptor.maxChars);
Spry.Widget.Utils.setOptions(this, options);
Spry.Widget.Utils.setOptions(this.options, options);
};
Spry.Widget.ValidationTextField.prototype.destroy = function() {
if (this.event_handlers)
for (var i=0; i this.maxChars) {
errors = errors | Spry.Widget.ValidationTextField.ERROR_CHARS_MAX;
continueValidations = false;
}
}
//validation - testValue passes widget validation function
if (!mustRevert && this.validation && continueValidations) {
var value = this.validation(fixedValue, this.options);
if (false === value) {
errors = errors | Spry.Widget.ValidationTextField.ERROR_FORMAT;
continueValidations = false;
} else {
this.typedValue = value;
}
}
if(!mustRevert && this.validation && this.minValue !== null && continueValidations) {
var minValue = this.validation(this.minValue.toString(), this.options);
if (minValue !== false) {
if (this.typedValue < minValue) {
errors = errors | Spry.Widget.ValidationTextField.ERROR_RANGE_MIN;
continueValidations = false;
}
}
}
if(!mustRevert && this.validation && this.maxValue !== null && continueValidations) {
var maxValue = this.validation(this.maxValue.toString(), this.options);
if (maxValue !== false) {
if( this.typedValue > maxValue) {
errors = errors | Spry.Widget.ValidationTextField.ERROR_RANGE_MAX;
continueValidations = false;
}
}
}
//an invalid value was tested; must make sure it does not get inside the input
if (this.useCharacterMasking && mustRevert) {
this.revertState(revertValue);
}
this.errors = errors;
this.fixedValue = fixedValue;
this.flags.locked = false;
return mustRevert;
};
Spry.Widget.ValidationTextField.prototype.onChange = function(e)
{
if (Spry.is.opera && this.flags.operaRevertOnKeyUp) {
return true;
}
if (Spry.is.ie && e && e.propertyName != 'value') {
return true;
}
if (this.flags.drop) {
//delay this if it's a drop operation
var self = this;
setTimeout(function() {
self.flags.drop = false;
self.onChange(null);
}, 0);
return;
}
if (this.flags.hintOn) {
return true;
}
if (this.keyCode == 8 || this.keyCode == 46 ) {
var mustRevert = this.doValidations(this.input.value, this.input.value);
this.oldValue = this.input.value;
if ((mustRevert || this.errors) && this.validateOn & Spry.Widget.ValidationTextField.ONCHANGE) {
var self = this;
setTimeout(function() {self.validate();}, 0);
return true;
}
}
var mustRevert = this.doValidations(this.input.value, this.oldValue);
if ((!mustRevert || this.errors) && this.validateOn & Spry.Widget.ValidationTextField.ONCHANGE) {
var self = this;
setTimeout(function() {self.validate();}, 0);
}
return true;
};
Spry.Widget.ValidationTextField.prototype.onKeyUp = function(e) {
if (this.flags.operaRevertOnKeyUp) {
this.setValue(this.oldValue);
Spry.Widget.Utils.stopEvent(e);
this.selection.moveTo(this.selection.start, this.selection.start);
this.flags.operaRevertOnKeyUp = false;
return false;
}
if (this.flags.operaPasteOperation) {
window.clearInterval(this.flags.operaPasteOperation);
this.flags.operaPasteOperation = null;
}
};
Spry.Widget.ValidationTextField.prototype.operaPasteMonitor = function() {
if (this.input.value != this.oldValue) {
var mustRevert = this.doValidations(this.input.value, this.input.value);
if (mustRevert) {
this.setValue(this.oldValue);
this.selection.moveTo(this.selection.start, this.selection.start);
} else {
this.onChange();
}
}
};
Spry.Widget.ValidationTextField.prototype.compileDatePattern = function ()
{
var dateValidationPatternString = "";
var groupPatterns = [];
var fullGroupPatterns = [];
var autocompleteCharacters = [];
var formatRegExp = /^([mdy]+)([\.\-\/\\\s]+)([mdy]+)([\.\-\/\\\s]+)([mdy]+)$/i;
var formatGroups = this.options.format.match(formatRegExp);
if (formatGroups !== null) {
for (var i=1; i 0) {
this.range.setEndPoint("EndToEnd", ta_range);
}
} else if (this.element.nodeName == "INPUT"){
this.range = this.element.ownerDocument.selection.createRange();
this.range.move("character", -10000);
this.start = this.range.moveStart("character", start);
this.end = this.start + this.range.moveEnd("character", end - start);
}
this.range.select();
} else {
this.start = start;
try { this.element.selectionStart = start;} catch(err) {}
this.end = end;
try { this.element.selectionEnd = end;} catch(err) {}
}
this.ignore = true;
this.update();
};
Spry.Widget.SelectionDescriptor.prototype.moveEnd = function(amount)
{
if (Spry.is.ie && Spry.is.windows) {
this.range.moveEnd("character", amount);
this.range.select();
} else {
try { this.element.selectionEnd++;} catch(err) {}
}
this.update();
};
Spry.Widget.SelectionDescriptor.prototype.collapse = function(begin)
{
if (Spry.is.ie && Spry.is.windows) {
this.range = this.element.ownerDocument.selection.createRange();
this.range.collapse(begin);
this.range.select();
} else {
if (begin) {
try { this.element.selectionEnd = this.element.selectionStart;} catch(err) {}
} else {
try { this.element.selectionStart = this.element.selectionEnd;} catch(err) {}
}
}
this.update();
};
//////////////////////////////////////////////////////////////////////
//
// Spry.Widget.Form - common for all widgets
//
//////////////////////////////////////////////////////////////////////
if (!Spry.Widget.Form) Spry.Widget.Form = {};
if (!Spry.Widget.Form.onSubmitWidgetQueue) Spry.Widget.Form.onSubmitWidgetQueue = [];
if (!Spry.Widget.Form.validate) {
Spry.Widget.Form.validate = function(vform) {
var isValid = true;
var isElementValid = true;
var q = Spry.Widget.Form.onSubmitWidgetQueue;
var qlen = q.length;
for (var i = 0; i < qlen; i++) {
if (!q[i].isDisabled() && q[i].form == vform) {
isElementValid = q[i].validate();
isValid = isElementValid && isValid;
}
}
return isValid;
}
};
if (!Spry.Widget.Form.onSubmit) {
Spry.Widget.Form.onSubmit = function(e, form)
{
if (Spry.Widget.Form.validate(form) == false) {
return false;
}
return true;
};
};
if (!Spry.Widget.Form.onReset) {
Spry.Widget.Form.onReset = function(e, vform)
{
var q = Spry.Widget.Form.onSubmitWidgetQueue;
var qlen = q.length;
for (var i = 0; i < qlen; i++) {
if (!q[i].isDisabled() && q[i].form == vform && typeof(q[i].reset) == 'function') {
q[i].reset();
}
}
return true;
};
};
if (!Spry.Widget.Form.destroy) {
Spry.Widget.Form.destroy = function(form)
{
var q = Spry.Widget.Form.onSubmitWidgetQueue;
for (var i = 0; i < Spry.Widget.Form.onSubmitWidgetQueue.length; i++) {
if (q[i].form == form && typeof(q[i].destroy) == 'function') {
q[i].destroy();
i--;
}
}
}
};
if (!Spry.Widget.Form.destroyAll) {
Spry.Widget.Form.destroyAll = function()
{
var q = Spry.Widget.Form.onSubmitWidgetQueue;
for (var i = 0; i < Spry.Widget.Form.onSubmitWidgetQueue.length; i++) {
if (typeof(q[i].destroy) == 'function') {
q[i].destroy();
i--;
}
}
}
};
//////////////////////////////////////////////////////////////////////
//
// Spry.Widget.Utils
//
//////////////////////////////////////////////////////////////////////
if (!Spry.Widget.Utils) Spry.Widget.Utils = {};
Spry.Widget.Utils.punycode_constants = {
base : 36, tmin : 1, tmax : 26, skew : 38, damp : 700,
initial_bias : 72, initial_n : 0x80, delimiter : 0x2D,
maxint : 2<<26-1
};
Spry.Widget.Utils.punycode_encode_digit = function (d) {
return String.fromCharCode(d + 22 + 75 * (d < 26));
};
Spry.Widget.Utils.punycode_adapt = function (delta, numpoints, firsttime) {
delta = firsttime ? delta / this.punycode_constants.damp : delta >> 1;
delta += delta / numpoints;
for (var k = 0; delta > ((this.punycode_constants.base - this.punycode_constants.tmin) * this.punycode_constants.tmax) / 2; k += this.punycode_constants.base) {
delta /= this.punycode_constants.base - this.punycode_constants.tmin;
}
return k + (this.punycode_constants.base - this.punycode_constants.tmin + 1) * delta / (delta + this.punycode_constants.skew);
};
/**
* returns a Punicode representation of a UTF-8 string
* adapted from http://tools.ietf.org/html/rfc3492
*/
Spry.Widget.Utils.punycode_encode = function (input, max_out) {
var inputc = input.split("");
input = [];
for(var i=0; i 0) {
output += String.fromCharCode(this.punycode_constants.delimiter);
out++;
}
while (h < input_len) {
for (m = this.punycode_constants.maxint, j = 0; j < input_len; j++) {
if (input[j] >= n && input[j] < m) {
m = input[j];
}
}
if (m - n > (this.punycode_constants.maxint - delta) / (h + 1)) {
return false;
}
delta += (m - n) * (h + 1);
n = m;
for (j = 0; j < input_len; j++) {
if (input[j] < n ) {
if (++delta == 0) {
return false;
}
}
if (input[j] == n) {
for (q = delta, k = this.punycode_constants.base; true; k += this.punycode_constants.base) {
if (out >= max_out) {
return false;
}
t = k <= bias ? this.punycode_constants.tmin : k >= bias + this.punycode_constants.tmax ? this.punycode_constants.tmax : k - bias;
if (q < t) {
break;
}
output += this.punycode_encode_digit(t + (q - t) % (this.punycode_constants.base - t));
out++;
q = (q - t) / (this.punycode_constants.base - t);
}
output += this.punycode_encode_digit(q);
out++;
bias = this.punycode_adapt(delta, h + 1, h == b);
delta = 0;
h++;
}
}
delta++, n++;
}
return output;
};
Spry.Widget.Utils.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
{
if (!optionsObj)
return;
for (var optionName in optionsObj)
{
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
continue;
obj[optionName] = optionsObj[optionName];
}
};
Spry.Widget.Utils.firstValid = function() {
var ret = null;
for(var i=0; i)
// or the