Código PHP:
Ver original
<div id="contact-form"> <form onsubmit="enviarForm($('#opcion option:selected').val(),$('#nombre').val(),$('#email').val(),$('#mensaje').val()); return false;" name="enviar_email" action="" method="post"> <select name="opcion" id="opcion"> <option value="-">¿Qué necesita?</option> <option value="Asesoramiento o presupuesto">- Asesoramiento y/o presupuesto</option> <option value="Soporte tecnico">- Soporte técnico</option> <option value="Consulta administrativa">- Consulta administrativa</option> <option value="Me gustaria trabajar en Plasmando Ideas">- Me gustaría trabajar en Plasmando Ideas</option> </select> <div class="underlineBlue"></div> <input name="nombre" id="nombre" type="text" value='Nombre y Apellido:' onfocus="if (this.value == 'Nombre y Apellido:') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Nombre y Apellido:';}" /> <input name="email" id="email" type="text" value='Mail:' onfocus="if (this.value == 'Mail:') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Mail:';}"/> <textarea name="mensaje" id="mensaje" cols="22" rows="3" onfocus="if (this.value == 'Consulta:') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Consulta:';}">Consulta:</textarea> <input id="submit" type="submit" class="submit" value="" /> </form> </div>
y el fichero jquery :
Código Javascript:
el archivo Mail.php no lo tengo creo que eso es lo que me falta! pero no se como se hace! Ver original
<script type="text/javascript"> function enviarForm(opcion,name,mail,msj){ $.get('mail.php', { name: name, mail: mail, opcion: opcion, msj: msj} , function(data) { if (data == 'ok'){ $('#contact-form').fadeOut(1500); $('#dataMessage').hide().html('<p>Gracias por comunicarse con nosotros. Nos comunicaremos con usted a la brevedad.</p>').fadeIn(1500); } else if (data == 'rellene') $('#dataMessage').html('<p>Rellene todos los datos por favor.</p>').fadeIn(1500); else $('#dataMessage').hide().html('<p>Ocurrio un error. Intente nuevamente por favor.</p>').fadeIn(1500); }); } </script> <script type="text/javascript" src="/js/jquery.elastic.source.js" charset="utf-8"></script> <script type="text/javascript"> $(document).ready(function(){ $('textarea').elastic(); }); </script>