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日 テキストエリアの自動拡張 (5761)@ ウェブ
- 2008年02月21日 テキストエリアのリサイズ (4828)@ ウェブ
- 2007年11月13日 spryを使った選択フォームがIEで動かない (4317)@ Windows
- 2009年12月10日 jQuery API extension for Dreamweaver (4174)@ Mac
- 2007年09月18日 jQueryでテーブルをシマシマに (3858)@ ウェブ
- 2007年09月05日 気になるJavaScriptライブラリー (3120)@ ウェブ
- 2007年09月12日 気になるJavaScriptフレームワーク (3036)@ ウェブ
- 2007年09月16日 Ajax (2994)@ ウェブ
- 2008年03月08日 jQueryでグラフ描画 (2952)@ ウェブ
- 2007年09月11日 jQuery 1.2 (2928)@ ウェブ
- 2008年09月12日 ソニーグループ ポータルサイトが脱Flash (2864)@ Flash
- 2009年06月18日 SpriteMenu (2825)@ ウェブ
- 2008年05月12日 Processing.js (2770)@ ウェブ
- 2010年10月04日 smoothscroll.js (2739)@ ウェブ
- 2007年09月17日 jQuery UI (2667)@ ウェブ
- 2007年09月14日 Protoscript (2660)@ ウェブ
- 2007年03月22日 Web Designing 2007年 04月号 (2646)@ ウェブ
- 2008年03月25日 NHKオンライン (2573)@ ウェブ
- 2008年12月11日 Google AJAX Libraries API (2552)@ ウェブ
- 2009年01月15日 jQuery 1.3 (2438)@ ウェブ
- 2007年09月16日 jQuery 1.2 リファレンス (2422)@ ウェブ
- 2009年05月14日 ウェブページでコナミコマンド (2337)@ ウェブ
- 2011年10月04日 Adobe Fireworks CSS3 Mobile Pack (2308)@ Mac
- 2010年10月27日 Adobe MAX 2010 2日目 (2136)@ Flash
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。