0

login.aspx に投稿するログイン フォームを持つ Home.html があります。login.aspx の読み込みには非常に時間がかかります...

したがって、ログインボタンをクリックした瞬間にローダーを表示する必要があるJavaScriptベースの関数が必要です...バックグラウンドでPOSTが発生し、aspxページが読み込まれ、モーダルがaspxページにリダイレクトされる必要があります。

gmail.com のログイン ローダーに似ていますが、JavaScript のみを使用します。（私は縮小されたjquery jsも使用しています）（間にaspxページはありません）

asp ベースのローダーは使用できないことに注意してください。

私は使用してみました：

http://blogs.msdn.com/naitik/archive/2008/07/31/show-loading-message-while-web-page-is-processing.aspx
(高速では動作しません。最初に POSTed にリダイレクトされます。ページ）

前もって感謝します..

4

2 に答える 2

0

「ローダー」に必要なコード、スタイリング、およびレイアウトであるため、次のリンクを確認してください。

コードを使用しましたが、100% 動作します

ページに Div が必要です。

 <div class="modal"></div>

div の CSS スタイリングのビット:

/* Start by setting display:none to make this hidden.
Then we position it in relation to the viewport window
with position:fixed. Width, height, top and left speak
speak for themselves. Background we set to 80% white with
our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://sampsonresume.com/labs/pIkfp.gif') 
                50% 50% 
                no-repeat;
 }

 /* When the body has the loading class, we turn
    the scrollbar off with overflow:hidden */
 body.loading {
     overflow: hidden;   
 }

 /* Anytime the body has the loading class, our
    modal element will be visible */
 body.loading .modal {
      display: block;
 }

最後に、ローダーを開始および停止 (非表示および表示) するための JavaScript を少し追加します。

始める：

 $(this).addClass("loading");

止まる：

 $(this).removeClass("loading");

ソース: http://jsfiddle.net/jonathansampson/VpDUG/170/

于 2013-02-27T13:07:58.330 に答える
0

「しばらくお待ちください...」を表示したいだけの場合は、フォームの「onsubmit」イベントに参加してください。次に、「お待ちください」というメッセージを表示します (DIV を表示します)。完了すると、フォームが送信され、login.aspx を待ちます。

プログレス バーが必要な場合は、次の 2 つの方法があります。 * login.aspx をロードする非表示の iframe に投稿します。* または、XmlHttpRequest を使用して login.aspx を読み込みます。

どちらの場合も、login.aspx は、プログレス バーを更新するメッセージ (クライアントで解釈する JScript または DIV の一部) を吐き出す必要があります。

Google でたくさんの例を見つけることができます。たとえば、「jscript プログレス バー aspx」を試してください。

レネ

于 2010-08-19T13:14:21.277 に答える