Tengo un formulario de contacto el cual cuando envio "submit" el formulario desaparece y se muestra un gif de cargando.. hasta ahi todo bien.
Eso lo logre con este script que encontre:
Código PHP:
<script type="text/javascript">
$(document).ready(function() {
$('.button').click(function(){
//Añadimos la imagen de carga en el contenedor
$('#contact').html('<div><img src="images/ajax-loader.gif"/></div>');
var page = $(this).attr('data');
var dataString = 'page='+page;
$.ajax({
type: "GET",
url: "include.php",
data: dataString,
success: function(data) {
//Cargamos finalmente el contenido deseado
$('#contact').fadeIn(4000).html(data);
}
});
});
});
</script>