• かちびと.net

    Facebookのように検索ボックスにアイコンつきのサジェスチョンを実装するjQueryのご紹介。去年の記事でsが見落としていました。ユーザビリティに配慮した検索ボックスですね。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

Facebookのように検索ボックスにアイコンつきのサジェスチョンを実装するjQuery

スポンサーリンク

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

URL :
TRB :

Comments & Trackbacks (3)

  1. weight

    hi again

    Sky

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services