私は画面に異なる機能があります。 Ajaxコールのドロップダウンボックスがあり、その応答としてjspページが返されます。この応答は私のドロップダウンボックスの下にdivの中に入れています。 これは、このJSPがdiv要素に埋め込まれない限り、画面がアラートボックスやその他のダイアログボックスによってブロックされないようにするためです。 これをどのように達成できますか?JavaScript:Ajaxレスポンスを待っている間に画面全体をブロックする方法
答えて
あなたが実際にUIをブロックしたい場合は、単にAJAX要求同期を作ります。
これはページ全体をブロックし、ユーザーは何かがバックグラウンドで起こっていることを知らないでしょう。あなたのajaxコールに5秒かかるとしましょう。ユーザーは何かがバックグラウンドで起こっているという情報を持っているはずです。同期ajaxリクエストを行うことで、あなたのページはちょうど凍結されます。 –
はAlexと完全に同意します。これは非常に危険な解決策です –
ありがとうございます – Charmie
blockui jqueryプラグインをhereから使用できます。 ajaxコールを作成する前にblockUIを呼び出し、ajaxコールバックでunblockUIを呼び出します。
私はJqueryとJquery UIを使用します。 Jquery UIにはモーダルダイアログが用意されています。このダイアログでは、ユーザーが画面上の別の場所をクリックしないようにする読み込みメッセージを配置できます。
divは、Zインデックス、不透明度、カーソルのスタイリングとともに使用できます。私はあなたのアプリケーションを知らないが、ページ全体をブロックすることは、私にとって素晴らしいユーザーエクスペリエンスのようには聞こえません。おそらくあなたはページの影響を受けた領域にのみdivを配置することができます
これは、(コンテンツを受け取ると)が設定されるまで、機能をロックするブール値フラグを使用します。そしてこのフラグがセットされたら、さらに進んでください。これらの機能を制御できると仮定します。あなたは、私は多分それは半透明にするdiv要素&を重ね示唆何もクリックからユーザーを防ぐためにしたい場合は、
を与え
@linusunis。以下は、& jQueryコードのアニメーションによる画面オーバーレイの表示と画面オーバーレイの削除のCSSです。あなたの電話を& "unblock_screen"にしたときに "block_screen"と呼ぶだけで、新しいdivをページに置いた&データが届きました。これは私の頭の上からちょうど離れているので、エラーを二重にチェックする必要があるかもしれませんが、それは私によく見えます。
これが機能するには、ページにjQueryを含める必要があります。あなたはjQueryの答えの多くを取得しているhttp://code.jquery.com/jquery-1.7.1.min.js
<style type="text/css">
.blockDiv {
position: absolute:
top: 0px;
left: 0px;
background-color: #FFF;
width: 0px;
height: 0px;
z-index: 10;
}
</style>
<script type="text/javascript" language="javascript">
function block_screen() {
$('<div id="screenBlock"></div>').appendTo('body');
$('#screenBlock').css({ opacity: 0, width: $(document).width(), height: $(document).height() });
$('#screenBlock').addClass('blockDiv');
$('#screenBlock').animate({opacity: 0.7}, 200);
}
function unblock_screen() {
$('#screenBlock').animate({opacity: 0}, 200, function() {
$('#screenBlock').remove();
});
}
</script>
- 1. Androidで画面全体に画像を移動する方法
- 2. iOS上のすべてのUI要素を使って画面全体に描画する方法は?
- 3. 壁紙として画面全体に画像を合わせる方法
- 4. 画面全体にヘッダーを伸ばす方法
- 5. ページが画面全体に広がっているのはなぜですか?
- 6. パネルの内容をブロックするが、ページ全体をブロックしない方法
- 7. Ext JSで画面全体を最大限に表示する方法は?
- 8. 画面全体のOnTouchListener
- 9. 画面全体でjQueryのアニメーションdivに従う方法は?
- 10. iPhoneの画像が画像全体に広がっている
- 11. 画像をアニメーション化して画面全体に移動する簡単な方法はありますか?
- 12. 背景には、画面全体に
- 13. Retrofit:レスポンスを待つ方法
- 14. Android - support.v7.PreferenceCategory画面全体を入力
- 15. 画面に表示されているものよりも、全体のWebページのスクリーンショットを取る方法
- 16. Flex/Actionscriptを使用して画像を全画面に拡大する方法
- 17. アンドロイドで画面全体にテキストをスクロールする
- 18. Blackberryで画面全体をスクロールするのではなく、ListField自体をスクロールする方法
- 19. ajaxコールバックを待っている間にjavascriptを実行する方法
- 20. スプライトを画面全体に無作為に移動させる
- 21. javaを使用して画面全体にスムーズにマウスを移動する方法は?
- 22. JSFでブロック全体をレンダリングしない方法は?
- 23. 画面内での画像のドラッグ方法は?期待している提案
- 24. コンテンツプレースホルダのページ全体をブロックするJQuery
- 25. VBA Excel 2010で待機画面を表示する方法
- 26. パネル全体にセパレータを描画する方法(GridBagLayout)
- 27. 画面全体の高さをスクロールする(watchOS)
- 28. 親の線形レイアウトがfill_parentを持っていても画面全体を占めていない
- 29. Flex 4.5.1 - Mobile Image Covering全体の画面
- 30. 希望しないときに画面全体を表示する
、私はあなたがjQueryのを使用して、この(または前)の質問のいずれかの兆候が表示されない。ここからダウンロードしてください。私は間違っていますか? –