Webクリエイティブ集団、アイレット株式会社の代表取締役が綴る
Web制作・開発の気になる最新技術レビュー。  RSS Feeds
スカウター : [iret-ceo] アイレット株式会社CEOブログ

2008年11月29日土曜日

javascript 2度押し防止 DisableSubmit

2度押し制御 HTMLのFormの中ではかなり重要である。
それを簡単にできないかと探していると
DisableSubmit.jsというものがあった。

これはSubmit下タイミングでボタンが無効化するためお手軽にやることができる
下記のように簡単に実装

<script type="text/javascript" src="DisableSubmit.js"></script>
// submitボタンにid:buttonとid:button2をつけてあげて
// 3秒でディセイブル解除
<script>
DisableSubmit.init( { "id":["button","button2"] },3000 );
</script>


参考はここよりhttp://nonn-et-twk.net/twk/javascript-disable-submit

JQuery focus時に枠の色を変える

HTMLでfocus時にGmailみたいに枠の色を変えたいとかあると思います。

非選択時


選択状態


そこで一括で変えるサンプルをのせておきます。

// focus.js

$(function(){
// input type=text password textareaのみ変える処理
 $("input[@type='text'],input[@type='password'],textarea")
  .focus(function(){
   $(this).addClass("focus");
  })
  
  .blur(function(){
   $(this).removeClass("focus");
  });
});


// focus.html

<script src="jquery.js" type="text/javascript"></script>
<script src="focus.js" type="text/javascript"></script>
<style type="text/css">
.focus {
color: #333333;
border: 2px solid #fc2e8b;
background-color: #ffffff;
}
</script>





以上これだけでフォームにあるものすべて枠に色が着きます。