den Cursor beim Laden der Seite auf "busy" setzen

8

Ich verstehe, wie man Javascript benutzt, um den Cursor auf "busy" zu setzen, während die Seite erstellt wird und Ajax anruft.

Wie auch immer, ich habe eine Seite, die keinen AJAX benutzt, sie benutzt ein Postback um die Seite neu zu laden. Die Belastung ist jedoch eher datenintensiv und es dauert ein paar Sekunden. Während dieser Zeit kann der Benutzer immer noch auf die Seite klicken. Ich möchte den Cursor auf "Warten" stellen, damit der Benutzer nicht auf die Seite klickt.

Zum Beispiel habe ich ein paar Dropdowns, die Postback verursachen. Ich mache eine Auswahl und die Seite lädt für 3 Sekunden. Während der Ladevorgang möchte ich, dass der Cursor in "Warten" wechselt, damit der Benutzer nicht versucht, eine Auswahl in einem zweiten Dropdown-Menü zu treffen, bis die Seite neu geladen wird.

Ist das möglich?

Zusätzliche Informationen: (vereinfachte Version meiner Einrichtung)

Ich habe eine Masterpage:

%Vor%

und dann eine Seite, die die Masterseite verwendet:

%Vor%     
kralco626 29.10.2010, 15:51
quelle

3 Antworten

5

Sie können einen Handler zum submit -Ereignis des Formulars hinzufügen.

CSS

%Vor%

JavaScript

%Vor%

Hier stellen wir sicher, dass unsere Methode aufgerufen wird, wenn submit() in js aufgerufen wird, wie das Drop-down, wenn es ein Postback verursacht. Dies sollte auch alle anderen Instanzen des Formulars einreichen.

    
lincolnk 29.10.2010, 16:17
quelle
5

Ich bin nicht sicher, ob dies die beste oder effizienteste Methode ist, aber wenn Sie den Cursor ändern möchten, um anzuzeigen, dass die Seite nach dem Klick auf die Schaltfläche beschäftigt ist, sollte die folgende jQuery-Methode den Trick machen:

%Vor%     
Andy Rose 29.10.2010 16:14
quelle
1

Geben Sie einfach jeder Schaltfläche eine Klasse, sagen Sie "WaitOnClick", dann schreiben Sie einfach: $(".WaitOnClick").click(function() {

    
kitzur 17.09.2014 08:09
quelle