前の記事 ≪:ユーザの行動を喚起できそうなボタン作成Photoshopチュートリアル
次の記事 ≫:2009年11月19日 管理人のブックマーク

select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」

2009年11月19日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」がGoogle Codeに公開されています。
jQというだけあって当然ながらjQueryプラグインの形式です。

適用前の普通のSelect ボックスが便利に変化します


都道府県の縦に長かったものが横方向に超分かりやすく表示


日付も次のように超分かりやすいセレクトに。縦に長いのとはもうオサラバできそうです。


更に、コールバック関数によってクリックした後の動作も定義できるっぽいです。


はじめから日本対象という点でも使いやすいですね。

実装も、jQueryプラグインなので超使いやすいです。
次のように初期化するだけのようです。

$(".simpleBox").jQselectable({ 
    set: "fadeIn",
    setDuration: "fast",
    opacity: .9
});

以下のエントリを参照してください。
jQselectable : make selectbox so useful
関連の記事検索:jQuery, JavaScript, UI, Webデザイン, フォーム, Web制作
スポンサード リンク

By.KJ : 2009年11月19日 19:00 livedoor Readerで購読 Twitterに投稿

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