Olá a todos; Fiz a inscrição neste forum para procurar ajuda, espero estar a colocar no tema certo... Estou a trabalhar num template que possui um formulário de contato. Segundo as instruções do fabricante, para podermos fazer com que envie para o nosso e-mail, basta mudar o ownerEmail:'#', para algo do tipo: ownerEmail:'nome@dominio.com', no arquivo forms.js e o mesmo no arquivo contato.html Abaixo coloquei o código de cada arquivo. Dúvida: Uma vez que realmente não consigo fazer com que funcione, apesar de ter acompanhado as instruções do fabricante e inserido um e-mail do próprio domínio onde está alojado, gostaria de confirmar de conseguiria alterar o código para poder enviar o e-mail do formulário para por exemplo um endereço no Gmail. (seria necessário indicar o smtp, porta, user, password, etc) para conseguir? Desde já agradeço alguém que possa ajudar-me..como deu para notar os meus conhecimentos são fraquinhos e conto com a vossa ajuda!! Obrigado. codigo do arquivo contato.html _____________ <!DOCTYPE html> <html lang="en"> <head> <title>Contacts</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width; initial-scale=1.0"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <script src="js/jquery-1.7.1.min.js"></script> <script src="js/script.js"></script> <script src="js/forms.js"></script> <script src="js/superfish.js"></script> <script src="js/jquery.responsivemenu.js"></script> <script src="js/FF-cash.js"></script> <script> $(function(){ $('#contact-form').forms({ownerEmail:'#'}); }); </script> <!--[if lt IE 8]> <div style= clear: both; text-align:center; position: relative;'> <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"> <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /> </a> </div> <![endif]--> <!--[if lt IE 9]> <script src="js/html5.js"></script> <link rel="stylesheet" href="css/ie.css"> <![endif]--> </head> <body> <!-- header --> <header class="padheader"> <div class="container_24"> <div class="grid_24"> <h1 class="fleft"><a href="index.html">Glosey</a></h1> <ul class="sf-menu"> <li><a href="index.html">Home</a></li> <li><a href="index-1.html">Company<span class="arrow"></span></a><ul> <li><a href="#">History</a></li> <li><a href="#">Work Team</a></li> <li><a href="#">Profile</a><ul> <li><a href="#">Mission</a></li> <li><a href="#">Capabilities</a></li> <li><a href="#">Support</a></li> <li><a href="#">Partnership</a></li> </ul> </li> <li><a href="#">Testimonials</a></li> </ul> </li> <li><a href="index-2.html">Services</a></li> <li><a href="index-3.html">Solutions</a></li> <li><a href="index-4.html">Projects</a></li> <li class="current"><a href="index-5.html">Contacts</a></li> </ul> <div class="clear"></div> </div> <div class="clear"></div> </div> </header> <!-- content --> <section> <div class="bg"> <div class="container_24"> <div class="wrapper"> <div class="grid_24 padtop33"> <h4>Contact Form</h4> <form id="contact-form"> <div class="success"> Contact form submitted! <strong>We will be in touch soon.</strong></div> <fieldset> <div class="wrapper"> <div class="grid_8 suffix_1 alpha"> <label class="name"> <input type="text" value="Name"> <span class="error">*This is not a valid name.</span> <span class="empty">*This field is required.</span> <span class="clear"></span> </label> <label class="email"> <input type="text" value="Email"> <span class="error">*This is not a valid email address.</span> <span class="empty">*This field is required.</span> <span class="clear"></span> </label> <label class="phone"> <input type="text" value="Phone"> <span class="error">*This is not a valid phone number.</span> <span class="empty">*This field is required.</span> <span class="clear"></span> </label> </div> <div class="grid_13 suffix_2 omega"> <label class="message"> <textarea>Message</textarea> <span class="error">*The message is too short.</span> <span class="empty">*This field is required.</span> <span class="clear"></span> </label> <div class="buttons"><span><a class="button" data-type="reset">Clear</a></span><span><a class="button" data-type="submit">Submit</a></span></div> </div> </div> </fieldset> </form> </div> </div> </div> </div> <div class="container_24"> <div class=""> <div class="grid_6 padtop22"> <h4 class="padbot2">Address</h4> <address class="contacts"> <p> </p> </address> </div> <div class="grid_10 suffix_1 padtop22"> <h4 class="padbot2">Map</h4> <div class="box-img map"></div> </div> <div class="grid_7 padtop22"> <h4 class="padbot2">Find Us Elsewhere</h4> <ul class="icons icons2"> <li><a href="#"><img src="images/icon2-1.png" alt=""></a></li> <li><a href="#"><img src="images/icon2-2.png" alt=""></a></li> <li><a href="#"><img src="images/icon2-3.png" alt=""></a></li> <li><a href="#"><img src="images/icon2-4.png" alt=""></a></li> <li><a href="#"><img src="images/icon2-5.png" alt=""></a></li> </ul> <ul class="list4"> <li><a href="#">Facebook</a></li> <li><a href="#">Forrst</a></li> <li><a href="#">Linkedln</a></li> <li><a href="#">Skype</a></li> <li><a href="#">Twitter</a></li> <li><a href="#">YourVersion</a></li> </ul> </div> <div class="clear"></div> </div> </div> </section> <!-- footer --> <footer class=""> <div class="container_24"> <div class="wrapper"> <div class="grid_24"><a href="index.html" class="link"><img src="images/logo-footer.png" alt=""></a> © 2012 | <a href="index-6.html">Privacy Policy</a></div> </div> </div> </footer> </body> </html> _________________________ codigo do arquivo forms.js _________ (function($){ $.fn.extend({ forms:function(opt){ if(opt===undefined) opt={} this.each(function(){ var th=$(this), data=th.data('forms'), _={ errorCl:'error', emptyCl:'empty', invalidCl:'invalid', notRequiredCl:'notRequired', successCl:'success', successShow:'4000', mailHandlerURL:'bin/MailHandler.php', ownerEmail:'#', stripHTML:true, smtpMailServer:'localhost', targets:'input,textarea', controls:'a[data-type=reset],a[data-type=submit]', validate:true, rx:{ ".name":{rx:/^[a-zA-Z][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'}, ".state":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'}, ".email":{rx:/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i,target:'input'}, ".phone":{rx:/^\+?(\d[\d\-\+\(\) ]{5,}\d$)/,target:'input'}, ".fax":{rx:/^\+?(\d[\d\-\+\(\) ]{5,}\d$)/,target:'input'}, ".message":{rx:/.{20}/,target:'textarea'} }, preFu:function(){ _.labels.each(function(){ var label=$(this), inp=$(_.targets,this), defVal=inp.val(), trueVal=(function(){ var tmp=inp.is('input')?(tmp=label.html().match(/value=['"](.+?)['"].+/),!!tmp&&!!tmp[1]&&tmp[1]):inp.html() return defVal==''?defVal:tmp })() trueVal!=defVal &&inp.val(defVal=trueVal||defVal) label.data({defVal:defVal}) inp .bind('focus',function(){ inp.val()==defVal &&(inp.val(''),_.hideEmptyFu(label),label.removeClass(_.invalidCl)) }) .bind('blur',function(){ _.validateFu(label) if(_.isEmpty(label)) inp.val(defVal) ,_.hideErrorFu(label.removeClass(_.invalidCl)) }) .bind('keyup',function(){ label.hasClass(_.invalidCl) &&_.validateFu(label) }) label.find('.'+_.errorCl+',.'+_.emptyCl).css({display:'block'}).hide() }) _.success=$('.'+_.successCl,_.form).hide() }, isRequired:function(el){ return !el.hasClass(_.notRequiredCl) }, isValid:function(el){ var ret=true $.each(_.rx,function(k,d){ if(el.is(k)) ret=d.rx.test(el.find(d.target).val()) }) return ret }, isEmpty:function(el){ var tmp return (tmp=el.find(_.targets).val())==''||tmp==el.data('defVal') }, validateFu:function(el){ el.each(function(){ var th=$(this) ,req=_.isRequired(th) ,empty=_.isEmpty(th) ,valid=_.isValid(th) if(empty&&req) _.showEmptyFu(th.addClass(_.invalidCl)) else _.hideEmptyFu(th.removeClass(_.invalidCl)) if(!empty) if(valid) _.hideErrorFu(th.removeClass(_.invalidCl)) else _.showErrorFu(th.addClass(_.invalidCl)) }) }, getValFromLabel:function(label){ var val=$('input,textarea',label).val() ,defVal=label.data('defVal') return label.length?val==defVal?'nope':val:'nope' } ,submitFu:function(){ _.validateFu(_.labels) if(!_.form.has('.'+_.invalidCl).length) $.ajax({ type: "POST", url:_.mailHandlerURL, data:{ name:_.getValFromLabel($('.name',_.form)), email:_.getValFromLabel($('.email',_.form)), phone:_.getValFromLabel($('.phone',_.form)), fax:_.getValFromLabel($('.fax',_.form)), state:_.getValFromLabel($('.state',_.form)), message:_.getValFromLabel($('.message',_.form)), owner_email:_.ownerEmail, stripHTML:_.stripHTML }, success: function(){ _.showFu() } }) }, showFu:function(){ _.success.slideDown(function(){ setTimeout(function(){ _.success.slideUp() _.form.trigger('reset') },_.successShow) }) }, controlsFu:function(){ $(_.controls,_.form).each(function(){ var th=$(this) th .bind('click',function(){ _.form.trigger(th.data('type')) return false }) }) }, showErrorFu:function(label){ label.find('.'+_.errorCl).slideDown() }, hideErrorFu:function(label){ label.find('.'+_.errorCl).slideUp() }, showEmptyFu:function(label){ label.find('.'+_.emptyCl).slideDown() _.hideErrorFu(label) }, hideEmptyFu:function(label){ label.find('.'+_.emptyCl).slideUp() }, init:function(){ _.form=this _.labels=$('label',_.form) _.preFu() _.controlsFu() _.form .bind('submit',function(){ if(_.validate) _.submitFu() else _.form[0].submit() return false }) .bind('reset',function(){ _.labels.removeClass(_.invalidCl) _.labels.each(function(){ var th=$(this) _.hideErrorFu(th) _.hideEmptyFu(th) }) }) _.form.trigger('reset') } } if(!data) (typeof opt=='object'?$.extend(_,opt):_).init.call(th), th.data({cScroll:_}), data=_ else _=typeof opt=='object'?$.extend(data,opt):data }) return this } }) })(jQuery) _______
