2007年09月14日
jQuery BlockUI Plugin @ ウェブ
フォーム送信した場合、処理が完了するまで、そのフォームの操作をブロックしたいなと思っていたら、丁度良いモノを発見。
ページ全体をブロックすることも出来るようなのですが、今回は送信を行ったフォーム部分だけをブロックしたいので、使い方としては、
$( 'form' ).submit( function(){
$(this).block();
//処理をココに書く
$(this).unblock()
return false;
});
こんな感じです。一つのページに複数のフォームがある場合を想定して作っていて、処理を一つの処で行っているので、$(this).block();としています。
当然、処理が終わったらunblock()してます。記述の仕方は非常に分かりやすいですね。
jQuery BlockUI Plugin
>>関連リンク
ローカルサーバーでAjax関連部分を作っているとレスポンスが良すぎて、"Now Loading"テキストを表示するだけだと分かりづらかったのですが、BlockUI Pluginだとフェードタイムがあるので、効果が視覚的に確認できます。機能的にも必要な機能だったので丁度良かった。
malsup.comにあるその他のjQueryは下記のページから入手できます。
jQuery Stuff
>>関連リンク
デモページを見た限り、使いそうな物はBlockUI Plugin位かな。
閲覧数:
4955 /
関連日記
- 2008年02月21日 テキストエリアの自動拡張 (5731)@ ウェブ
- 2008年02月21日 テキストエリアのリサイズ (4797)@ ウェブ
- 2007年11月13日 spryを使った選択フォームがIEで動かない (4279)@ Windows
- 2009年12月10日 jQuery API extension for Dreamweaver (4143)@ Mac
- 2007年09月18日 jQueryでテーブルをシマシマに (3830)@ ウェブ
- 2007年09月05日 気になるJavaScriptライブラリー (3096)@ ウェブ
- 2007年09月12日 気になるJavaScriptフレームワーク (3007)@ ウェブ
- 2007年09月16日 Ajax (2966)@ ウェブ
- 2008年03月08日 jQueryでグラフ描画 (2918)@ ウェブ
- 2007年09月11日 jQuery 1.2 (2904)@ ウェブ
- 2008年09月12日 ソニーグループ ポータルサイトが脱Flash (2836)@ Flash
- 2009年06月18日 SpriteMenu (2802)@ ウェブ
- 2008年05月12日 Processing.js (2743)@ ウェブ
- 2010年10月04日 smoothscroll.js (2711)@ ウェブ
- 2007年09月17日 jQuery UI (2639)@ ウェブ
- 2007年03月22日 Web Designing 2007年 04月号 (2621)@ ウェブ
- 2007年09月14日 Protoscript (2556)@ ウェブ
- 2008年03月25日 NHKオンライン (2545)@ ウェブ
- 2008年12月11日 Google AJAX Libraries API (2525)@ ウェブ
- 2009年01月15日 jQuery 1.3 (2408)@ ウェブ
- 2007年09月16日 jQuery 1.2 リファレンス (2398)@ ウェブ
- 2009年05月14日 ウェブページでコナミコマンド (2319)@ ウェブ
- 2011年10月04日 Adobe Fireworks CSS3 Mobile Pack (2284)@ Mac
- 2010年10月27日 Adobe MAX 2010 2日目 (2110)@ Flash
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。
