サイト内検索:

<select>を今っぽくするjQueryとPrototype用プラグイン「Chosen」

Chosen is a javsacript plug-in that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.

Chosen - a javascript plug-in for jQuery and Prototype - makes select boxes better

Webページであらかじめ用意された項目からユーザにどれかを選択させるSELECTボックスを今っぽいすてきな感じのものに変えるjQueryとPrototype用プラグイン「Chosen」です。

これを使うと、例えば見慣れた左側のSELECTボックスが右のようになります。

で、右がステキなのはクリックすると検索フィールドが表示されちゃう、ってところでしょうか。

よく国を選ばせるSELECTボックスがありますが、あんな感じでとても長くなるようなシーンで使うといいかもしれません。

その他、複数セレクトもこんな感じで1つのボックス内にまとめることもできるようになります。

あと2つぐらいステキなポイントがありますので、知りたい方はリンク先ページへどうぞ。

blog comments powered by Disqus

2011年アルファブロガー受賞

新着DVD

モバイル

Powered by Movable Type 6.1.2

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

バナー広告

このブログ記事について

このページは、nagasawaが2011年7月22日 20:38に書いたブログ記事です。

ひとつ前のブログ記事は「DOMを木構造じゃなく3次元モデルとして再現するFirefoxプラグイン「Tilt」」です。

次のブログ記事は「企業向けソーシャルコラボツール「Zyncro」にEvernote連携等の機能追加!」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。