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位かな。
閲覧数:
5175 /
関連日記
- 2008年02月21日 テキストエリアの自動拡張 (5966)@ ウェブ
- 2008年02月21日 テキストエリアのリサイズ (5081)@ ウェブ
- 2007年11月13日 spryを使った選択フォームがIEで動かない (4647)@ Windows
- 2009年12月10日 jQuery API extension for Dreamweaver (4411)@ Mac
- 2007年09月18日 jQueryでテーブルをシマシマに (4097)@ ウェブ
- 2007年09月05日 気になるJavaScriptライブラリー (3394)@ ウェブ
- 2007年09月12日 気になるJavaScriptフレームワーク (3261)@ ウェブ
- 2007年09月16日 Ajax (3199)@ ウェブ
- 2008年03月08日 jQueryでグラフ描画 (3141)@ ウェブ
- 2007年09月11日 jQuery 1.2 (3123)@ ウェブ
- 2008年09月12日 ソニーグループ ポータルサイトが脱Flash (3080)@ Flash
- 2009年06月18日 SpriteMenu (3029)@ ウェブ
- 2008年05月12日 Processing.js (2978)@ ウェブ
- 2010年10月04日 smoothscroll.js (2906)@ ウェブ
- 2007年09月17日 jQuery UI (2862)@ ウェブ
- 2007年09月14日 Protoscript (2859)@ ウェブ
- 2007年03月22日 Web Designing 2007年 04月号 (2854)@ ウェブ
- 2008年03月25日 NHKオンライン (2786)@ ウェブ
- 2008年12月11日 Google AJAX Libraries API (2753)@ ウェブ
- 2009年01月15日 jQuery 1.3 (2619)@ ウェブ
- 2007年09月16日 jQuery 1.2 リファレンス (2617)@ ウェブ
- 2011年10月04日 Adobe Fireworks CSS3 Mobile Pack (2561)@ Mac
- 2009年05月14日 ウェブページでコナミコマンド (2557)@ ウェブ
- 2010年10月27日 Adobe MAX 2010 2日目 (2338)@ Flash
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。
