Mi nombre es Alex, soy un estudiante/Freelance de diseño gráfico y estoy rediseñando mi página web. Como sabréis los diseñadores no tenemos mucha idea a la hora de programar en php y jquery.
Para mi nueva web, he comprado una plantilla, la cual me viene con un archivo "contact.js" y otro "contact.php.html", y aparte viene en el style.css y en el index.html hecho el formulario. En principio todo está perfectamente. pero el archivo "contact.php.html" está en blanco y supongo que hay que escribirle el código que haga que te reenvie la información escrita en el formulario a tu email.
os pongo aquí el código pegamos para ver si me podéis hechar una mano. Me seria de gran ayuda, ya que he mirado por todos los lados, he preguntado a todos mis conocidos y nadie me sabe sacar del problema.
Archivo Contact.js
Código PHP:
jQuery(document).ready(function(){
$('#contactform').submit(function(){
var action = $(this).attr('action');
$("#message").slideUp(750,function() {
$('#message').hide();
$('#submit')
.after('<img src="images/ajax-loader.gif" class="loader" />')
.attr('disabled','disabled');
$.post(action, {
name: $('#name').val(),
email: $('#email').val(),
subject: $('#subject').val(),
comments: $('#comments').val(),
verify: $('#verify').val()
},
function(data){
document.getElementById('message').innerHTML = data;
$('#message').slideDown('slow');
$('#contactform img.loader').fadeOut('slow',function(){$(this).remove()});
$('#contactform #submit').attr('disabled','');
if(data.match('success') != null) $('#contactform').slideUp('slow');
}
);
});
return false;
});
});
Código HTML:
<form method="post" action="./contact.php.html" name="contactform" id="contactform" /> <div class="left"> <label for="name" accesskey="U"><span class="required">*</span> Nombre</label> <input name="name" type="text" id="name" size="30" value="Escriba aquí su nombre" /> <label for="email" accesskey="E"><span class="required">*</span> Email</label> <input name="email" type="text" id="email" size="30" value="No se olvide del Correo" /> <label for="email" accesskey="S"><span class="required">*</span> Asunto</label> <input name="subject" type="text" id="subject" size="30" value="¿Que es lo que desea?" /> </div> <div class="right"> <label for="comments" accesskey="C"><span class="required">*</span> Mensaje</label> <textarea name="comments" cols="40" rows="3" id="comments" >Pregunte sin compromiso</textarea> <label for="verify" accesskey="V">3 + 1 =</label> <input name="verify" type="text" id="verify" size="3" value="" /> <input type="submit" class="submit" id="submit" value="Submit" /> </div> </form>