Can someone help me configure this JQuery contact form that was included in a website template I'm using, to either submit the info to my email, or to my web host GoDaddy form mailer that forwards to my email? I tried changing method="post" action="/gdform.php" and it doen't work.Sorry for all the code. This is the way I got the code:
(function($){ //define the new for the plugin ans how to call it $.fn.contactable = function(options) { //set default options var defaults = { name: 'Name', email: 'Email', message : 'Message', recipient : 't...@test.co.uk', subject : 'A contactable message', recievedMsg : 'Thank you for your information, we will contact you as soon as possible.', notRecievedMsg : 'Sorry but your message could not be sent, try again later', disclaimer: 'Please feel free to get in touch,<br/>we value your feedback' }; //call in the default otions var options = $.extend(defaults, options); var contactShowStatus =1; //act upon the element that is passed into the design return this.each(function(options) { //construct the form $(this).html('<div id="contactable"></div><div id="contactForm" class="feedContainer"><a id="close_feedback" title="Close"><img src="plugin-images/btn-close.png" border="0" alt="Close" class="close" /></a><div class="topCrv"></div><div class="leftHand"><div class="leftshad"><div class="rightHand"><div class="rightshad"><div class="gradient"><form id="contactFormId" method="" action=""><div id="loading">Please Wait..<br><img src="plugin-images/ajax-loader.gif" border="0"/></div><div class="holder"><input type="hidden" id="recipient" name="recipient" value="'+defaults.recipient+'" /><input type="hidden" id="subject" name="subject" value="'+defaults.subject+'" /><label ><input type="text" id="name" name="name" /></label><label><input type="text" id="email" name="email" /></label><label><textarea id="comment" name="comment"></textarea></label><label><input type="submit" name="Submit" value="SEND" class="btn" /><span style=" padding-top: 4px;">'+defaults.disclaimer+'</span></label></div></form><p class="thankNote" id="callback"></p></div></div></div></div></div><div class="botCrv"></div></div>'); $('#contactFormId #name').example('Name'); $('#contactFormId #email').example('Email'); $('#contactFormId #comment').example('Message'); /* $(this).html('<div id="contactable"></div><form id="contactForm" method="" action=""><div id="loading"></div><div id="callback"></ div><div class="holder"><input type="hidden" id="recipient" name="recipient" value="'+defaults.recipient+'" /><input type="hidden" id="subject" name="subject" value="'+defaults.subject+'" /><p><label for="name">Name <span class="red"> * </span></label><br /><input id="name" class="contact" name="name" /></p><p><label for="email">E- Mail <span class="red"> * </span></label><br /><input id="email" class="contact" name="email" /></p><p><label for="comment">Your Feedback <span class="red"> * </span></label><br /><textarea id="comment" name="comment" class="comment" rows="4" cols="30" ></ textarea></p><p><input class="submit" type="submit" value="Send"/></ p><p>'+defaults.disclaimer+'</p></div></form>'); */ //show / hide function function contactShow() { $('#overlay').css({display: 'block'}); $('div#contactable').animate({"marginLeft": "-=5px"}, "fast"); $('#contactForm').animate({"marginLeft": "-=0px"}, "fast"); $('div#contactable').animate({"marginLeft": "+=748px"}, "slow"); $('#contactForm').animate({"marginLeft": "+=745px"}, "slow"); $('.feedContainer .close').css({right: '-4px'}); contactShowStatus = 0; } function contactHide() { $('#contactForm').animate({"marginLeft": "-=745px"}, "slow"); $('div#contactable').animate({"marginLeft": "-=748px"}, "slow").animate({"marginLeft": "+=5px"}, "fast"); $('#overlay').css({display: 'none'}); $('.feedContainer .close').css({right: '0px'}); contactShowStatus =1; } $('div#contactable').click( function() { if(contactShowStatus==1) contactShow(); else contactHide(); }); $('a#close_feedback').click(function() { contactHide(); } ); //validate the form $("#contactFormId").validate({ //set the rules for the fild names rules: { name: { required: true, minlength: 2 }, email: { required: true, email: true }, comment: { required: true } }, //set messages to appear inline messages: { name: "Please enter your name", email: "Please enter your email", comment: "Please enter your Message" }, submitHandler: function() { $('.holder').hide(); $('#loading').show(); $.get('mail.php',{recipient:$('#recipient').val(), subject:$ ('#subject').val(), name:$('#name').val(), email:$('#email').val(), comment:$('#comment').val()}, function(data){ $('#loading').css({display:'none'}); $('.holder').show(); //document.forms['contactFormId'].reset() name:$('#name').val(''); email:$('#email').val(''); comment:$('#comment').val(''); if( data == 'success') { $('#callback').show().append(defaults.recievedMsg); } else { $('#callback').show().append(defaults.notRecievedMsg); } }); } }); }); }; //end the plugin call })(jQuery); Thanks , Zaf