Hola, primero quiero empezar presentándome, antes de preguntar nada.
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;
});
});
Archivo index.html
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> gracias de antemano.