Karte einlegen Bild, während die Seite geladen wird

Möchte ich zeigen, eine Loading Bild, wenn die Seite noch nicht geladen ist. Vor dem laden der Seite zeigt es eine blank white page an den Benutzer. So, ich will entfernen die weißen leeren Raum.

Macht die Seite zu viele Datenbank-trifft, so dass es lädt ein bisschen langsam.

Habe ich überprüft diese post, aber das funktioniert nicht.

Habe ich überprüft durch hinzufügen <![CDATA[ vor dem Drehbuch, wie er erklärte, in der Beitrag.
Das funktioniert aber nicht.

Schließlich habe ich landete in Frage, wenn es ein Duplikat ist.

Hier ist mein script endlich.

<script src="../../Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
    //<![CDATA[
        $(window).load(function () {
            $("#divLoading").fadeOut("slow");
        });
    //]]>
</script>

und in den Körper

<body style="background-color: white;">
    <div id='divLoading'>
        <div class="loading" align="center" id="divImageLoader">
            <img src="../../ItemSelectorImages/ajax-loader_bluish.gif" alt="Loading..."/>  Loading 
        </div>
    </div>
</body>

CSS zu laden ist:

.loading
{
    font-family: Arial;
    font-size: 10pt;
    padding:20px;
    position: fixed;
    background-color: #ffffff;
    z-index: 99999;
    border-radius:5px;

}

Was war falsch mit meinem code ? Kann jemand Punkt, oder geben Sie funktionierende Lösung.

Prost !!!

Karthik

jQuery BlockUI.????
ist dies eine leere Seite oder was die Seite lädt nach vielen Datenbank-trifft..?
ein anderer Ansatz könnte sein, laden Sie Ihre Seite-layout und text, dann bringen Sie die Bilder mit ajax-calls.
stellen Sie sicher, dass das laden der div 100% Höhe auf Seite!
Gibt es möglicherweise ein problem mit load Ereignis, da es nicht immer vollständig unterstützt. Könnten Sie ready, obwohl es ein bisschen anders.
onload-event des window-Objekts wird vollständig unterstützt alle browser, problem kommt für script/CSS oder Bilder
Keine BlockUI überhaupt. Tut BlockUI lädt die Bilder vor dem DOM-Bereit.
Jungs, stellen Sie sicher, dass Sie gelernt, css, bevor Sie arbeiten. Seine Lader hat einfach keine Höhe. jsfiddle.net/PS43p Beispiel
Eigentlich gibt es dropdown-Werte und eine riesige gespeicherte Prozedur, die holt sich das Ergebnis auf der Seite. also, für ein low-speed-internet, dauert es viel Zeit. Und damit wird die leerer Bildschirm angezeigt wird. Nachdem die Daten geladen sind, zeigt es den Inhalt als erwartet
Wolff: Sie mögen Recht haben, aber es gibt noch einen Hinweis über load auf api.jquery.com/load-event. Also vielleicht ist dies verbunden mit dem problem?
Wenn die Verzögerung ist, weil der Datenbank-trifft, dann wird der server nicht senden Sie eine Antwort auf die browser-Sie haben also zu zeigen, eine temporäre laden der Seite und verwenden Sie Ajax-Aufrufe, um fertig zu werden alle die Datenbank und funktioniert nach dem Antwort-redirect auf die ursprüngliche Seite
Dank Gena für die Geige. Ich habe gerade kopiert den css-Code in die Geige in den css-Dateien.Ich habe eingestellt, dass die Höhe der divLoading zu 100%,aber funktioniert immer noch nicht.
denn Sie sind Umbruch innerhalb onload-handler, so dass code ausgeführt wird, sobald die Seite geladen ist und so ist es zu spät, um das Feuer onload-Ereignis. Ready-Ereignis (jquery) ist Besondere, es ist ein pseudo-Ereignis wird ausgelöst, auch der DOM ist schon fertig, mit einem Versprechen manuell gelöst. Beachten Sie, dass einmal gebrannt, ready-Handler sind ungebunden, können Sie später lösen Sie es erneut manuell. Hoffe was ich gesagt habe, Sinn macht
bezüglich der Anmerkung, dies ist nur aufgrund der Tatsache als onload-Ereignis nicht weitergegeben/Blase durch den DOM, so dass die delegation unefficient. Das ist gesagt, das eigentliche problem mit dem onload-Ereignis in Bezug auf Bilder und CSS in externe Dateien, wie ich bin mir dessen bewusst.
trotzdem gibt es die Datenbank trifft, hat die Seite laden div rechts nach dem Körper, warum wird dann nicht erscheinen ? Auch die Datenbank-Aufrufe werden in der Page_Load() in code-behind-Datei
Wolff: Macht Sinn. Nur um zu klären: ist Ihre Antwort auf meine Frage aus dem vorherigen Kommentar, die ich bearbeitet habe. Es wurde über load und ready auf jsfiddle.
OP, wenn der ajax-Anfragen werden durchgeführt während Seite laden, die Sie verwenden sollten, globalen ajax event as $.ajaxStop() zu entfernen be-img das erste mal ajaxStop ausgelöst wird. Könnte eine Lösung sein, denke ich
Aber es gibt keine ajax-Aufruf gemacht wird, ist für die erste Zeit, wenn die Seite geladen wird. Es zeigt nur eine leere Seite. Nachdem die Seite geladen, ajax-Aufruf gemacht und zeige ich das gleiche Bild als Bild laden, und es funktioniert perfekt. Aber wenn die Seite geladen wird, für die erste Zeit sollte es zeigen das lade Bild als Gena London hat erwähnt in Ihrer fiddle
Tut mir Leid, ich habe vor eine andere Frage bezüglich ajax und Mischung sowohl Fragen, ich entschuldige mich...
Ich habe diese arbeiten. Habe ich geschrieben als Antwort

InformationsquelleAutor Karthik Chintala | 2013-09-18

3

Bekam ich die Lösung auf diese Frage.

Das problem ist nicht mit der Höhe des div-Elements noch die Bilder/CSS-problem.

Ist das problem mit einem anderen script ausgeführt wird, direkt nach dem laden-Fenster abgeschlossen ist, enthält das Skript das DOM bereit ist und die übrigen javascript-Funktion(s).

Habe ich entfernt, das nächste Skript, das ausgeführt wird, nachdem das Fenster.laden und nach Ende des body-Tags.
```
<body style="background-color: white;">
    <div id='divLoading'>
        <div class="loading" align="center" id="divImageLoader">
            <img src="../../ItemSelectorImages/ajax-loader_bluish.gif" alt="Loading..."/>  Loading 
        </div>
    </div>
</body>
//The following second script is placed here so as to load after the body load is complete.
<script>
       includes DOM Ready, and some javascript functions to be called.
</script>
```
Annahme: ich denke, nach der $(window).load(function () { Skript fertig ist, sollte es keine anderen Skripte weiter ausgeführt.

Danke an all die Jungs, die kommentiert.

Wenn meine Vermutung falsch ist, bitte erwähnen, was das wirkliche problem an, die nicht mehr die loading Bild zu zeigen.

InformationsquelleAutor Karthik Chintala

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.