Se si sta eseguendo un'attività in jQuery che richiederà all'utente di attendere un secondo o più, è possibile modificare il cursore per consentire all'utente di sapere che egli dovrebbe attendere fino a quando il sistema termina l'elaborazione delle informazioni. È possibile modificare il cursore con jQuery modificando la proprietà del cursore CSS per il corpo del documento. Non dimenticare di cambiare il cursore indietro quando l'attività viene completata.

Istruzioni

1

Creare un nuovo file HTML utilizzando un editor o il blocco note. Inserire un vuoto scheletro HTML e includere la libreria jQuery nel documento. Ad esempio, digitare:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns = "http://www.w3.org/1999/xhtml" >

< head >

< meta http-equiv = "Content-Type" content = "text/html; charset = utf-8 "/ >

< title > cambia cursore < / title >

< script src = "& lt; / script" > https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js "> & lt; / script >

< / head >

< corpo >

< / body >

< / html >

2

Creare una funzione di jQuery per cui si potrebbe voler modificare il cursore del mouse, ad esempio quando caricamento di dati da una pagina esterna sul server Web. Ad esempio, digitare:

Web {

$.get("external.php", function(data) {3

Cambiare il cursore del mouse modificando la proprietà CSS per il corpo del documento. Completare la funzione di elaborazione o manipolare i dati. Ad esempio, digitare:

$("body").css("cursor", "progress");

doSomethingWithThe(data);

});4

Impostare il cursore del mouse torna a controllo automatico. Ad esempio, digitare:

$("body").css("cursor", "auto");

});

< / script >

< / head >

< corpo >

< / body >

< / html >