// JavaScript Document
var panelController;
$(document).ready(function() {
panelController = new function() {
//var SUCCESS_MESSAGE = "Thanks for signing up!";
var userFirstName = "";
var userLastName = "";
var userZip = "";
var userEmail = "";
this.displaySuccess = function(message) {
};
this.getFullPanelCode = function(panelContent) {
var fullPanelCode = "
" +
"
" +
"
" +
"
" +
"
" +
"
" +
"
" +
"
" +
"
" +
"
" +
"
" +
panelContent +
"
" +
"
" +
"
" +
"" +
"
" +
"" +
"
" +
"" +
"
" +
"" +
"
" +
"" +
"
" +
"" +
"
" +
"" +
"
" +
"" +
"
" +
"" +
"
" +
"
";
return fullPanelCode;
};
this.getMailingListForm = function() {
var mailingListFormCode = "";
return mailingListFormCode;
};
this.initialCap = function(field) {
field = field.substr(0, 1).toUpperCase() + field.substr(1).toLowerCase();
return field;
};
this.displayMailingListForm = function(userFirstName,userLastName,userZip,userEmail) {
this.userFirstName = userFirstName;
this.userLastName = userLastName;
this.userZip = userZip;
this.userEmail = userEmail;
var formCode = this.getMailingListForm();
this.generatePanel(formCode);
};
this.CalcFixXY = function() {
var viewportwidth;
var viewportheight;
// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
if (typeof window.innerWidth != 'undefined')
{
viewportwidth = window.innerWidth,
viewportheight = window.innerHeight
}
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
else if (typeof document.documentElement != 'undefined'
&& typeof document.documentElement.clientWidth !=
'undefined' && document.documentElement.clientWidth != 0)
{
viewportwidth = document.documentElement.clientWidth,
viewportheight = document.documentElement.clientHeight
}
// older versions of IE
else
{
viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
viewportheight = document.getElementsByTagName('body')[0].clientHeight
}
results = new Array(300,viewportheight - 600);
return results;
};
this.generatePanel = function(panelContentCode) {
var fullPanelCode = this.getFullPanelCode(panelContentCode);
Tip(fullPanelCode, ABOVE, true, BGCOLOR, '', BORDERWIDTH, 0, CLICKCLOSE, false, FOLLOWMOUSE, false/*, FIX, this.CalcFixXY()*/);
var options = {
//target: '#ajaxReturnValue',
beforeSubmit: this.showRequest,
success: this.showSuccess// post-submit callback
// other available options:
//url: url // override for form's 'action' attribute
//type: type // 'get' or 'post', override for form's 'method' attribute
//dataType: null // 'xml', 'script', or 'json' (expected server response type)
//clearForm: true // clear all form fields after successful submit
//resetForm: true // reset the form after successful submit
// $.ajax options can be used here too, for example:
//timeout: 3000
};
$('#mailingListSignupForm').ajaxForm(options);
};
this.showSuccess = function(responseText, statusText) {
alert(responseText);
UnTip();
};
this.showRequest = function (formData, jqForm, options) {
// formData is an array; here we use $.param to convert it to a string to display it
// but the form plugin does this for you automatically when it submits the data
//var queryString = $.param(formData);
// jqForm is a jQuery object encapsulating the form element. To access the
// DOM element for the form do this:
// var formElement = jqForm[0];
//alert('About to submit: \n\n' + queryString);
// here we could return false to prevent the form from being submitted;
// returning anything other than false will allow the form submit to continue
return true;
};
};
});