‚Bitte warten‘ Symbol einblenden – pleaseWait

Einfaches, modales ‚Bitte Warten‘ Symbol überblenden

Wenn längere Funktionen ausgeführt werden müssen, ist es oft nötig den Anwender darauf hinzuweisen und ihn von weitere Eingaben abzuhalten.

Dazu kann man in Scriptcase die kleine JQuery-Routine pleaseWait einbinden und bei Bedarf aufrufen.Beispiel eines teilweise abgedeckten Fensters

Sie kann in den Grundfunktionen (Image, Größe, etc.) angepaßt werden und benötigt keine weiteren Elemente wie CSS.

Laden und Einbinden der Dateien

Die Dateien von

https://www.jqueryscript.net/loading/Minimal-AJAX-Loading-Spinner-Plugin-with-jQuery-pleaseWait.html

herunterladen und in einer externen Scriptcase-Bibliothek speichern.
Wir verwenden als Namen der Bibliothek: pleaseWait und speichern sie unter den ‚public‘-Bibliotheken.

Im onLoad-Event einer Application (z.B. Control) einfügen:

Beispiele

Als Beispiele zum Einschalten, bzw. Ausschalten fügen wir Buttons vom Typ JavaScript ein.

please_wait_on:

please_wait_off:

Alternativ kann man das als Beispiel auch in AJAX-Buttons machen, indem man Javascript-Funktionen definiert:
wait_on:

und dann im AJAX-Botton aufruft:

 

Anmerkungen:

#hidden_bloco_0    ist die ID des inneren Fensters unserer Control-Application. Dadurch wird nur der innere Teil abgedeckt und die Buttons bleiben frei.
Wenn man statt dessen ‚body‘ verwendet, wird das ganze Fenster abgedeckt.

Beispiel eines teilweise abgedeckten Fensters

Beispiel eines teilweise abgedeckten Fensters

 

Veröffentlicht in Scriptcase Sniplets Getagged mit: , , ,

Schreibe einen Kommentar