Te paso como lo hice yo, en definitiva lo que hace es que al apretar el boton enviar y el boton se transforma en una imagen gif que dice "cargando".
Primero te posicionas al lado del boton enviar de tu formulario y pegas esto en el codigo:
Código:
<img alt="" width="35" height="35" id="imagen" style="display: none;" runat="server"/>
Tiene que aparecer un cuadrito al lado del boton.No te preocupes que ese cuadrito no se vera.....Puedes cambiar el tamaño variando width y height.
Luego al formulario el agregas una accion OnSubmit, por ejemplo:
Código:
onSubmit="return validar(this)"
que quedaria asi:
Código:
<form action="paginaalaquetienequeir.asp" method="post" name="formulario" id="formulario" onSubmit="return validar(this)">
Esto lo que hace es que cuando el usuario haga click en el boton enviar se ejecute la funcion "validar" de javascript.
Entonces entre el <head> pegas el codigo:
Código:
<script language="javascript" type="text/javascript">
function validar(frm) {
document.getElementById("formulario").boton.style.display="none";
document.images["imagen"].style.display="inline";
setTimeout('document.images["imagen"].src="loader.gif"', 10);
}
</script>
Ahora lo que tienes que hacer es poner una imagen llamada loeader.gif en la misma carpeta que la pagina que estas modificando.
Una loader lindo es este :
http://www.alquilereseuroterra.com/images/loading.gif
Recuerda que lo tienes que renombrar a loader.gif