Hatena::ブログ(Diary)

Yet Another .... このページをアンテナに追加 RSSフィード

2009-04-08 jQueryであれこれ

jQueryを使うと入力欄のフォーカスの色づけが簡単。

って何のことか分からないか。

mixiとかでも実装されているけど、テキストフィールドにフォーカスが当たると薄く背景色が付くUIがあるでしょ。あれの実装は超簡単。

以下のコードをどっかに書いておけばすべての入力欄に適用される。

color_targetの部分を工夫すれば限定的な適用もできる。

$(document).ready(function() {
    var color_target = "input,textarea,select,radio";
    $(color_target).focus(function() {$(this).addClass("highlighted_form")})
    $(color_target).blur(function() {$(this).removeClass("highlighted_form")})
});