/* * contactable 1.2.1 - jQuery Ajax contact 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.contactable.js 2010-01-18 $ * */ //extend the plugin (function($){ //define the new for the plugin ans how to call it $.fn.contactable = function(options) { //set default options url: 'http://www.caracasnuevo.com/i/mail.php', var defaults = { url: 'suscribir.php', name: 'Nombre', empresa: 'Empresa', cargo: 'Cargo', ciudad: 'Ciudad', pais: 'Pais', email: 'Email', subject : 'Un mensaje contactable', submit : 'Enviar', recievedMsg : 'GRACIAS POR SUSCRIBIRSE AL NEWSLETTER SEMANAL – GRATUITO', notRecievedMsg : 'Lo sentimos, pero su mensaje no se pudo enviar, intente de nuevo más tarde', disclaimer: 'Por favor, no dude en ponerse en contacto, valoramos sus interes', hideOnSubmit: true }; //call in the default otions var options = $.extend(defaults, options); //act upon the element that is passed into the design return this.each(function() { //construct the form var this_id_prefix = '#'+this.id+' '; //$(this).html('




'+options.disclaimer+'

'); // $(this).html('
 
 SUSCRIPCION GRATUITA AL NEWSLETTER SEMANAL

:
Pais :

: :
:
   
'); //show / hide function $(this_id_prefix+'div#contactable_inner').toggle(function() { $(this_id_prefix+'#overlay').css({display: 'block'}); $(this).animate({"marginLeft": "-=5px"}, "fast"); $(this_id_prefix+'#contactForm').animate({"marginLeft": "-=0px"}, "fast"); $(this).animate({"marginLeft": "+=387px"}, "slow"); $(this_id_prefix+'#contactForm').animate({"marginLeft": "+=390px"}, "slow"); }, function() { $(this_id_prefix+'#contactForm').animate({"marginLeft": "-=390px"}, "slow"); $(this).animate({"marginLeft": "-=387px"}, "slow").animate({"marginLeft": "+=5px"}, "fast"); $(this_id_prefix+'#overlay').css({display: 'none'}); }); //validate the form $(this_id_prefix+"#contactForm").validate({ //set the rules for the fild names rules: { name: { required: true, minlength: 2 }, empresa: { required: true, minlength: 2 }, cargo: { required: true, minlength: 2 }, ciudad: { required: true, minlength: 2 }, email: { required: true, email: true } }, //set messages to appear inline messages: { name: "", empresa: "", cargo: "", ciudad: "", email: "" }, submitHandler: function() { $(this_id_prefix+'.holder').hide(); $(this_id_prefix+'#loading').show(); $.ajax({ type: 'POST', url: options.url, data: {subject:options.subject, name:$(this_id_prefix+'#name').val(), empresa:$(this_id_prefix+'#empresa').val(), pais:$(this_id_prefix+'#pais').val(), cargo:$(this_id_prefix+'#cargo').val(), ciudad:$(this_id_prefix+'#ciudad').val(), email:$(this_id_prefix+'#email').val()}, success: function(data){ $(this_id_prefix+'#loading').css({display:'none'}); if( data == 'success') { $(this_id_prefix+'#callback').show().append(options.recievedMsg); if(options.hideOnSubmit == true) { //hide the tab after successful submition if requested $(this_id_prefix+'#contactForm').animate({dummy:1}, 2000).animate({"marginLeft": "-=450px"}, "slow"); $(this_id_prefix+'div#contactable_inner').animate({dummy:1}, 2000).animate({"marginLeft": "-=447px"}, "slow").animate({"marginLeft": "+=5px"}, "fast"); $(this_id_prefix+'#overlay').css({display: 'none'}); } } else { $(this_id_prefix+'#callback').show().append(options.notRecievedMsg); setTimeout(function(){ $(this_id_prefix+'.holder').show(); $(this_id_prefix+'#callback').hide().html(''); },2000); } }, error:function(){ $(this_id_prefix+'#loading').css({display:'none'}); $(this_id_prefix+'#callback').show().append(options.notRecievedMsg); } }); } }); }); }; })(jQuery);