Facebookの検索ボックスは結構
便利で、キーワードを入れるだけ
で出てくれるサジェスチョンにアイ
コンも入れてくれるんですが、そ
んな検索ボックスを実装する
jQueryのご紹介。

検索ボックスのオートサジェスチョンを実装するjQueryです。PHPファイルも同梱されてます。

Autosuggestion with jQuery, Ajax and PHP.

facebooklike01
こんな感じで実装。テキストを入力するだけで候補を出してくれる、というもの。クエリ部分もちゃんと太文字にしてくれます。

データベースにテーブルを作って使用するみたいです。

CREATE TABLE test_user_data
(
uid INT AUTO_INCREMENT PRIMARY KEY,
fname VARCHAR(25),
lname VARCHAR(25),
country VARCHAR(25),
img VARCHAR(50)
);

Facebookのは便利だなーと思っていたのでちょっと試してみたい。WPにも入れてみたいですね。去年の記事ですが見落としていました。以下よりDL出来ます。

Facebook like Autosuggestion with jQuery, Ajax and PHP