/*
* quotable 1.0 - jQuery Ajax quote form
*
* Copyright (c) 2009 Philip Beel (http://www.theodin.co.uk/)
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
*
* Revision: $Id: jquery.quotable.js 2009-08-24 $
*
*/
//extend the plugin
(function($) {
//define the new for the plugin ans how to call it
$.fn.quotable = function(options) {
//set default options
var defaults = {
name: 'Name',
email: 'Email',
phone: 'Phone',
address: 'Address',
city: 'City',
state: 'State',
zip: 'Zip',
fax: 'Fax',
qrecipient: 'sales@miraclessoftware.com',
qsubject: 'Quote Request',
qrecievedMsg: 'Thank you for your information, we will quote you as soon as possible.',
qnotRecievedMsg: 'Sorry but your message could not be sent, try again later',
qdisclaimer: 'Please feel free to get in touch.'
};
//call in the default otions
var options = $.extend(defaults, options);
var quoteShowStatus = 1;
//act upon the element that is passed into the design
return this.each(function(options) {
//construct the form
$(this).html('');
$('#quoteFormId #name').example('Name');
$('#quoteFormId #email').example('Email');
$('#quoteFormId #phone').example('Phone');
$('#quoteFormId #address').example('Address');
$('#quoteFormId #city').example('City');
$('#quoteFormId #state').example('State');
$('#quoteFormId #zip').example('Zip');
$('#quoteFormId #fax').example('Fax');
//show / hide function
function quoteShow() {
$('#overlay').css({ display: 'block' });
$('div#quotable').animate({ "marginLeft": "-=5px" }, "fast");
$('#quoteForm').animate({ "marginLeft": "-=0px" }, "fast");
$('div#quotable').animate({ "marginLeft": "+=748px" }, "slow");
$('#quoteForm').animate({ "marginLeft": "+=745px" }, "slow");
$('.quoteFeedContainer .close').css({ right: '-4px' });
quoteShowStatus = 0;
}
function quoteHide() {
$('#quoteForm').animate({ "marginLeft": "-=745px" }, "slow");
$('div#quotable').animate({ "marginLeft": "-=748px" }, "slow").animate({ "marginLeft": "+=5px" }, "fast");
$('#overlay').css({ display: 'none' });
$('.quoteFeedContainer .close').css({ right: '0px' });
quoteShowStatus = 1;
}
$('div#quotable').click(
function() {
if (quoteShowStatus == 1)
quoteShow();
else
quoteHide();
});
$('a#close_quote_feedback').click(function() {
quoteHide();
}
);
//validate the form
$("#quoteFormId").validate({
//set the rules for the field names
rules: {
name: {
required: true
},
email: {
required: true,
email: true
},
phone: {
required: true
},
address: {
required: true
},
city: {
required: true
},
state: {
required: true
},
zip: {
required: true
},
fax: {
required: false
}
},
//set messages to appear inline
messages: {
name: "Please enter your name",
email: "Please enter your email",
phone: "Please enter your phone number",
address: "Please enter your address",
city: "Please enter your city",
state: "Please enter your state",
zip: "Please enter your zip code",
fax: "Please enter your fax number"
},
submitHandler: function() {
$('.holder').hide();
$('#loading').show();
$.get('mail.php', { name: $('#name').val(), email: $('#email').val(), phone: $('#phone').val(), address: $('#address').val(), city: $('#city').val(), state: $('#state').val(), zip: $('#zip').val(), fax: $('#fax').val() },
function(data) {
$('#loading').css({ display: 'none' });
$('.holder').show();
//document.forms['quoteFormId'].reset()
name: $('#name').val('');
email: $('#email').val('');
phone: $('#phone').val('');
address: $('#address').val('');
city: $('#city').val('');
state: $('#state').val('');
zip: $('#zip').val('');
fax: $('#fax').val('');
alert(data);
if (data == 'success') {
$('#quoteCallback').show().append(defaults.qrecievedMsg);
} else {
$('#quoteCallback').show().append(defaults.qnotRecievedMsg);
}
});
}
});
});
};
//end the plugin call
})(jQuery);
