前の記事 ≪:selectボックスの中身は「jSelect」を活用してサーバで管理する開発方法
次の記事 ≫:jQueryを上手に使ったサイトのお手本を色々探して参考にできる「jQuery S...

入力ボックスでクリックすると消えるデフォルト値を簡単実装「ToggleVal」

2009年04月28日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法
ToggleVal :: jQuery Plugins by Aaron Kuzemchak

入力ボックスでクリックすると消えるデフォルト値を簡単実装「ToggleVal」。
入力ボックスにデフォルトでヒント値を入れておいてクリックすると消えるあの分かりやすいインタフェース。
実際に実装するとなると、ちょっと面倒ですが、ToggleValを使えば、メソッドを1回呼び出すだけで簡単に実装できます



↓↓↓↓クリックで消える↓↓↓↓



jQueryプラグインなので、以下のように使いやすくなっています。

$("input[name='name']").toggleVal( { option } );

実装したくなった時、ちょっと面倒でまた今度、とならないようにこれを覚えておけばよさそう。
関連の記事検索:jQuery, JavaScript, フォーム, UI, Webデザイン, ユーザビリティ
スポンサード リンク

By.KJ : 2009年04月28日 10:01 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)