El problema es que no aparece el recuadro que indique el status de la información enviada.
A ver si de esta forma me doy a entender más fácil.
Esta parte del código ajax es la que modifica el css y el html para que aparezca el mensaje de "se envió exitosamente el correo o no" en la página principal.
Código:
if (valid!='') {
$("#response").fadeIn("slow");
$("#response").html("Error:"+valid);
}
else {
var datastr ='nombre=' + nombre + '&empresa=' + empresa + '&telefono=' + telefono + '&email=' + email + '&ciudad=' + ciudad + '&estado=' + estado + '&comentarios=' + comentarios;
$("#response").css("display", "block");
$("#response").html("Enviando Mensaje ");
$("#response").fadeIn("slow");
setTimeout("send('"+datastr+"')",2000);
}
return false;
});
});
function send(datastr){
$.ajax({
type: "POST",
url: "enviar.php",
data: datastr,
cache: false,
success: function(html){
$("#response").fadeIn("slow");
$("#response").html(html);
setTimeout('$("#response").fadeOut("slow")',2000);
}
});
En el header de la página principal, llamo al ajax y al jquery
Código:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="ajax.js"></script>
Y en el </body> de la página principal esta el id que debe de modificar el ajax:
Código:
<div id="response"></div>