cambiar el cursor a ocupado mientras se carga la página

Question

Entiendo cómo usar javascript para cambiar el cursor a ocupado mientras la página está haciendo una llamada ajax.

Sin embargo, tengo una página que no usa ajax, usa una devolución de datos para volver a cargar la página. Sin embargo, la carga es bastante intensiva en datos y lleva unos segundos. Durante este tiempo, el usuario aún puede hacer clic en la página. Quiero poner el cursor en "espera" para que el usuario no intente hacer clic en la página.

Por ejemplo, tengo un par de listas desplegables que causan la devolución de datos. Realizo una selección y la página se carga durante 3 segundos. Mientras se carga, me gustaría que el cursor pase a esperar para que el usuario no intente hacer una selección en un segundo menú desplegable hasta que la página se vuelva a cargar.

¿Esto es posible?

Información adicional: (versión simplificada de mi configuración)

Tengo un masterpage:

<form id="form1" runat="server"> 
<table width = "100%" bgcolor="White"> 
<tr><td> 
<h3><asp:ContentPlaceHolder id="MAIN" runat="server"></asp:ContentPlaceHolder></h3> 
</tr></td> 
</table> 
</form> 
<script type="text/javascript"> 
    function cursorwait(e) { 
     document.body.style.cursor = 'wait'; 
    } 

    var fm = document.getElementById('<% =form1.ClientID %>'); 
    if (fm.addEventListener) { 
     fm.addEventListener('submit', cursorwait, false); 
    } 
    else { 
     fm.attachEvent('onsubmit', cursorwait); 
    } 
</script> 

y luego una página que utiliza la página maestra:

<asp:Content ID="Content1" ContentPlaceHolderID="MAIN" Runat="Server"> 
<table runat=server id="tb_simple_search_table" cellpadding = 0 cellspacing = 0> 
<tr><td> 
    <asp:DropDownList... 
    <asp:DropDownList... 
</td></tr> 
</table> 
</asp:content> 

Answer 1

puede agregar un controlador al formulario submit evento.

CSS

.wait, .wait * { cursor: wait; } 

JavaScript

function cursorwait(e) { 
    document.body.className = 'wait'; 
} 

var fm = document.getElementById('<% =form1.ClientID %>'); 
var proxySubmit = fm.onsubmit; 

fm.onsubmit = function() { 
    cursorwait(); 
    if (proxySubmit) { 
     proxySubmit.call(fm); 
    } 
} 

aquí estamos asegurando nuestro método se llama a si submit() se llama js en el menú desplegable como lo hace cuando se produce una devolución de datos. esto también debería detectar cualquier otra instancia del envío del formulario.

Answer 2

no soy seguro si este es el mejor método o el más eficiente, pero si desea cambiar el cursor para mostrar que la página está ocupada después de hacer clic en el botón, jQuery debe hacer el truco:

$(document).ready(function() { 
    $(".button").click(function() { 
     $("*").css("cursor", "wait"); 
    }); 
}); 

Answer 3

acaba de dar cada botón de una clase, por ejemplo "WaitOnClick", a continuación, sólo escribirlo: $(".WaitOnClick").click(function() {