cursor ändern, zu beschäftigt, während eine Seite geladen wird

Ich verstehen, wie man javascript verwenden, um zu ändern, den cursor zu beschäftigt, während die Seite macht und ajax-call.

Aber ich habe eine Seite, die nicht ajax verwenden, verwendet es zu einem postback die Seite neu laden. Aber der laden ist ziemlich datenintensiv und es dauert ein paar Sekunden. Während dieser Zeit kann der Benutzer immer noch auf der Seite. Ich möchte den cursor zu "warten", damit der Benutzer nicht versuchen, klicken Sie auf die Seite.

Ich habe zum Beispiel ein paar dropdowns, die Ursache postback. Ich mache eine Auswahl und die Seite lädt für 3 Sekunden. Während es lädt, ich möchte, dass der cursor sich zu drehen, zu warten, so dass der Benutzer nicht versuchen, eine Auswahl zu treffen, die auf einer zweiten dropdown, bis die Seite neu geladen.

Ist das möglich?

Zusätzliche Info: (vereinfachte version von meinem setup)

Ich habe eine 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>

und dann eine Seite mit der master-Seite:

<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>

Es ist die Dropdownlists, von denen der postbacks, bei denen ich will, der Mauszeiger als Sanduhr.
Ich meine, wirklich, wenn die Seite geladen wird, wäre es schön, wenn ich könnte Holen Sie sich die warte-cursor, unabhängig davon, ob, warum es ist, warten...

InformationsquelleAutor kralco626 | 2010-10-29

5

können Sie fügen Sie einen Ereignishandler des Formulars submit Veranstaltung.

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);
    }
}
```
hier sind wir dafür, dass unsere Methode wird aufgerufen, wenn submit() heißt in js, wie die drop-down kommt, wenn es ein postback verursacht. dies sollte fangen auch alle anderen Instanzen des Formulars Absenden.
- Ich mag diese Idee. Ich legte das Skript in meiner masterpage. Jedoch bekam ich eine Fehlermeldung, wenn die Zeile: fm.addEventListener sagen, dass Objekt erwartet wird. Ich habe ein Formular namens form1 in meine masterpage aber nicht in meiner Kind-Seiten. Wie würde ich umgehen, die?
- Ich habe versucht, mit var fm = $('#form1'); aber ich bekam einen Fehler auf der Linie fm.attachEvent('onsubmit', cursorwait); zu sagen, dass diese opbject nicht unterstützt wird.
- sind Sie platzieren Sie das Skript, nachdem Sie das Formular auf der Seite? verwenden Sie den Namen in irgendeiner form enthält die Steuerelemente, die Sie besorgt sind, mit. $('#form1') wird ein jquery-Objekt, nicht ein dom-element.
- Ich benutzt den code, den Sie geschrieben und platziert es nach der form, in der aspx-Seite. Keine Fehler. Jedoch passiert nichts entweder. Brauche ich um den container, direct enthält das Objekt, das den postback? Form ist der übergeordnete container für alles, was auf der Seite. Ich werde in meiner Frage, das setup, das ich habe.
- das Skript sollte auf der master-Seite, da hier das form-Steuerelement ist. legen Sie die Skript-block direkt nach dem schließenden form-element. es klingt wie Sie es auf der content-Seite, die ich glaube nicht, dass sollte funktionieren.
- Ich habe es auf der masterpage
- okay, es sieht aus wie eine dropdownlist Ursache ein postback ist nicht die Vorlage der form, ist aber etwas anderes tun. ich werde poke einige mehr.
- Das funktioniert Recht gut. Es funktioniert für die meisten Teil, wenn ich postback über ein dropdown-oder radio-button. Allerdings habe ich nicht den wait-Cursor, wenn ich Seiten über eine javascript-Menü. Irgendwelche Ideen auf, wie zu tun?
- Das klingt wie eine andere situation, und ich glaube, dass das sehr spezifische Umsetzung. Ich don ' T haben, etwas nützliches zu empfehlen für die, die.
- Okay. Vielen Dank für Ihre Hilfe!
- Danke! Für mich war es das ".warten * " - Auswahl, die Feste mein problem. perfekt, vielen Dank.
InformationsquelleAutor lincolnk
6

Ich bin nicht sicher, ob dies die beste oder effizienteste Methode, aber wenn Sie ändern möchten, den cursor auf die Seite anzeigen, die damit beschäftigt ist, nachdem Sie die Taste klicken Sie auf den folgenden jQuery sollte den trick tun:
```
$(document).ready(function() {
    $(".button").click(function() {
        $("*").css("cursor", "wait");
    });
});
```
- tolle Lösung, leider nur nicht zu dem problem habe ich auch. Ich haben nicht nur eine Taste, die verursachen könnte, das postback, ich habe mehrere Objekt-und viele Veranstaltungen. Ich werde trotzig halten Sie dies im Hinterkopf, wenn ich mit JQuery obwohl.
InformationsquelleAutor Andy Rose
1

Nur geben Sie jedem button eine Klasse, sagen "WaitOnClick", dann einfach schreiben: $(".WaitOnClick").click(function() {

InformationsquelleAutor RBS_Gimmel

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

CSS

JavaScript