問題タブ [throbber]

アプリケーションが何かを行っていることを示すための最適なソリューションは何ですか?

進行状況インジケーターを表示しようとしましたが、うまくいきませんでした。

アップデート： - - - - - - -

プログレス バーは正常に機能しますが、私が望むものではありません。

Web ブラウザーが使用するようなthrobberを表示したいので、何かが更新されている限り回転し続けます。

カーソルは crHourGlass モードにすることもできます。

非常に単純な Javascript を含む小さな HTML Web ページを作成した後、円が回転し続けていることに気付きました (firefox)。他のページで何度も見たことがあり、Javascript のエラーかループの問題だといつも思っていましたが、実行していたこのプログラムは間違いなく完了していました。

これを行う小さな Web ページの例を次に示します。ボタンをクリックして処理が完了すると、throbber (この用語については Kooilinc に感謝します) が続行されます。

停止を押すことで停止できました（右クリックして停止）。

スクリプトの実行後に Javascript が処理を停止する (またはブラウザが処理を停止する) にはどうすればよいですか?

注 1: これは、IE や Chrome ではなく、FF4.01 で発生しました (このコード サンプルの場合)。

注 2: switch ステートメントの後で window.stop() 関数を試しましたが、throbber は停止しませんでした。

Lekensteyn の回答によると、switch ステートメントの後の document.close() によってこれが解決されましたが、これはまったくドキドキせず、document.close() を使用しない例です。

基本的に、このスクリプトは、ユーザーが特定のアドオンを実行しているかどうかを確認します。実行している場合は、アラートを表示します...問題は、Firefoxのスピニングホイールが何かを待っているように回転し続けるアラートを示した後です。また、ページを更新すると、スクリプトが機能しません...

これはコードです：

私はここでプラグインを使用しています: http://contextllc.com/tools/jQuery-showLoadingこれは ajax リクエストまたはその他の要素の相互作用の場合に完全に機能しますが、サイトが最初にロードされたときにアニメーションを表示する方法と読み込み終わったら消えた？

次の関数を使用して、ブラウザーの動作中に読み込み中の画像を含む div を表示および非表示にしています。Firefox では問題なく動作します。Chrome では、これは行われません。マウスがその上になくても、関数呼び出しを開始するボタンが「クリックされた」状態で、画面は静的なままです。開発者ツールを使用してブレークポイントを設定すると、setVisibility() 関数が呼び出され、ローダー div が適切に表示および非表示になることがわかります。

関数は次のようになります。

show/hide 呼び出しの例を次に示します。

何か案は？

基本的に、私のページではdiv#imagebox、関数が実行されると画像が呼び出されます。ただし、画像が大きく、特にまだキャッシュに読み込まれていない場合は、読み込みに時間がかかることがあります。リクエストが処理されていることをユーザーに通知したいと思います。これはスロバーでできると思います。div#imagebox画像が整うまでの間、スロバーを表示させていただきたいと思います。それならズキズキ消えてほしい。

このページhttp://plugins.jquery.com/project/throbberを見てきましたが、何をすべきかよくわかりません。

既存の関数に次のようなものを追加でき$("div#imagebox").throbberShow(true);ますか (以下を参照してください)。しかし、どこに追加しますか? パラメータが必要trueですか？

ご協力いただきありがとうございます。

無期限にパルスインおよびパルスアウトしたい単純なフェードインがあります。これを行うプラグインを見つけましたが、jquery にすでに loop() API があるかどうかに興味があったので、スクリプトでそれを処理することができました。

これが私がやりたいこと/やろうとしていることです。

フォームがあります。フォームには送信ボタンがあります。送信ボタンのonMouseDown（）イベントは次のとおりです。

さて、ボタンがクリックされたら、正確な順序で3つのことを実行したいと思います。

1）ページを暗くします。

2）Ajaxクエリを実行し、検索結果を入力します。

3）薄暗い部分を取り外します。

編集：

jQueryオブジェクトでbeforeSendおよびCompleteイベントを使用してみました

現在、次のように表示されます。

2）Ajaxクエリを実行し、検索結果を入力します。

2）ページを暗くします。

3）薄暗い部分を取り外します。

結果が表示され（10秒かかります）、調光器が非常にすばやく点滅します。

プログラマーの仲間を貸してください。私はこのテクノロジーに精通しており、非同期をオフにした理由は、何かを順番に実行しようとしましたが、それでもサイコロはありません。

Drupal の AJAX Throbber と Progress Bar のスタイルを設定できますか? 上書きするクラスまたは ID は何ですか?