AJAX Live Searchは、Google Autocomplete機能と同様に入力された結果を検索して表示するjQueryプラグイン・PHP検索フォームです。ボックス内に何かテキストを入力すると、それに合う結果を検索して表示してくれます。
AJAX Live Search
以下、AJAX Live Searchの実際のデモページになります。
デモページには「Type to start searching …」と表示されたテキストボックスが設置されていて、ここに何か文字を打ち込むとそれに合うデータを検索してきて表示してくれます。
例えば、「a」という文字を入力してみるとたくさんの候補が出てくるのを確認できるかと思います。
デモでは候補が5件ずつ表示されるようになっていますが、左下から表示件数を変更することができます。All、5、10の3つから選択可能で、全部表示させたい場合はAllに設定すればOKです。
また、5や10を選択していて2ページ以上ある場合はその横にある左右の矢印ボタンから前後のページへ移動できます。たくさんデータが表示されても、このような機能があれば目的のデータも探しやすそうですね。
オプションもかなり豊富で、loaded_at、token、url、chche、form_anti_bot、slide_speed、type_delay、max_input、min_chars_to_search、page_ranges、page_range_default……など、さまざまな項目をセッティングできます。
オプションの他にも、カスタムイベントやカスタムトリガーも用意されています。
サポートされているブラウザは、IE 8+、Chrome、Firefox、Opera、Safari。ライセンスはMITとのこと。
独自のデータ内からユーザーが入力したテキストに最適な候補を検索して表示させたいとう時に、活用されてみてはいかがでしょうか？ AJAX Live Searchの詳しい使い方やダウンロードは、以下のページからどうぞ。
