リッチなオートコンプリートを実装できるjQueryプラグイン「ComboGrid」:phpspot開発日誌
jQuery ComboGrid Plugin リッチなオートコンプリートを実装できるjQueryプラグイン「ComboGrid」。 input type="text" に文字を入れて、候補が表示されたりするオートコンプリートがありますが、そのオートコンプリートをグリッドにしてリッチにし、よりヒントを多くすることでユーザビリティを上げるような使い方が可能。 表データがあって、その中から選んでもらいたいようなケースに使えそうですね。 中身のデータは当然ですがAjaxで読み込んで表示しています。 基本的には $(element).combogrid(options); というので利用が可能です。 サンプルコードは以下。 関連エントリ クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」
入力内容を推測して候補を表示するJavaScript「jQuery Simple Filter」
フォームで項目を入力させるとき、県名など決まりきったものであれば、1文字目の入力で候補を挙げることがユーザビリティ上、好ましいです。 jQueryプラグインjQuery Simple Filterを利用するとJavaScriptを利用して簡単に作成できます。 sponsors 使用方法 jQuery Simple Filterからjquery.simpleFilter-0.5.js、jquery.quicksilver.jsを、jQueryからjquery.jsをダウロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.quicksilver.js"></script> <script type="text/javas
自動文字参照javascript「jQuery Autocomplete」
フォームを作成する時に文字を入力すると自動で該当項目を示してくれるオートコンプリートがあります。 これを利用すると入力間違いが減少するなど訪問者・開設者の双方に役立ちます。 今回は、jQueryベースのjQuery Autocompleteを取り上げます。 sponsors 使用方法 jQuery Autocompleteからjquery.autocomplete.js、jquery.autocomplete.cssを、jQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" media="screen" href="http://yourdomain/jquery.autocomplete.css" type="text/css"> <script src="http://yourdomain/jquery.js" type="text/ja
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
