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位かな。
関連日記
- 2008年02月21日 テキストエリアの自動拡張 (5734)@ ウェブ
- 2008年02月21日 テキストエリアのリサイズ (4798)@ ウェブ
- 2007年11月13日 spryを使った選択フォームがIEで動かない (4281)@ Windows
- 2009年12月10日 jQuery API extension for Dreamweaver (4148)@ Mac
- 2007年09月18日 jQueryでテーブルをシマシマに (3832)@ ウェブ
- 2007年09月05日 気になるJavaScriptライブラリー (3100)@ ウェブ
- 2007年09月12日 気になるJavaScriptフレームワーク (3011)@ ウェブ
- 2007年09月16日 Ajax (2967)@ ウェブ
- 2008年03月08日 jQueryでグラフ描画 (2919)@ ウェブ
- 2007年09月11日 jQuery 1.2 (2908)@ ウェブ
- 2008年09月12日 ソニーグループ ポータルサイトが脱Flash (2837)@ Flash
- 2009年06月18日 SpriteMenu (2803)@ ウェブ
- 2008年05月12日 Processing.js (2746)@ ウェブ
- 2010年10月04日 smoothscroll.js (2712)@ ウェブ
- 2007年09月17日 jQuery UI (2642)@ ウェブ
- 2007年03月22日 Web Designing 2007年 04月号 (2623)@ ウェブ
- 2007年09月14日 Protoscript (2560)@ ウェブ
- 2008年03月25日 NHKオンライン (2547)@ ウェブ
- 2008年12月11日 Google AJAX Libraries API (2528)@ ウェブ
- 2009年01月15日 jQuery 1.3 (2412)@ ウェブ
- 2007年09月16日 jQuery 1.2 リファレンス (2399)@ ウェブ
- 2009年05月14日 ウェブページでコナミコマンド (2320)@ ウェブ
- 2011年10月04日 Adobe Fireworks CSS3 Mobile Pack (2285)@ Mac
- 2010年10月27日 Adobe MAX 2010 2日目 (2112)@ Flash
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。