テキストの入力候補を表示するJavaScript (Ajax Auto Suggest v.2)
2007年4月3日(火) 10:00
テキストの入力候補を表示するJavaScriptライブラリがAjax Auto Suggest。あらかじめ用意した入力候補データを元に、入力された文字から候補となるものを表示してくれる。表示される入力候補の表示部分のデザインを変更する場合は、CSSと必要な画像を入れ替えれば可能になっている。
検索方式としては前方一致が利用されるため、先頭から文字が同じ場合の候補のみ表示されることになる。英字(ローマ字)、英数(数字)は問題なく表示されるが、日本語では利用できない。先頭に英数を含めた場合の候補として表示は行われる。
入力候補の表示

ダウンロードファイルに含まれるサンプルはJSONデータ形式を利用しているが、PHPで生成を行うためPHPの実行環境が必要になる。JSON以外にもXMLデータ形式が利用できる。
日本語が入力候補として利用できないのは残念だが、郵便番号やISBNなど数値として入力するものであれば問題なく利用できる。しかし、郵便番号データなど数十万件を一度に出力する場合、データ量の問題もある。現在のところ日本語圏では限られた用途に限定される。
関連する記事
- マウス操作で写真にズームするギャラリーswf(PostcardViewer)
- CSSとCanvasで描写するWeb用のUIフレームワーク(Mocha UI)
- 透明感のあるデザインをJavaScriptで実装する(glassbox.js)
- MP4、FLVなど再生するFlashプレーヤーswf (JW FLV MEDIA PLAYER)
- FlashやFLV、MediaPlayerに対応したスライドショーJavaScript(shadowbox)
- デザインが魅力的なスライドショーJavaScript (Lightview)
- 楽にフォーム入力チェックを実装するJavaScript (JSValidate)
- CSSデザインレイアウトをオンラインで簡単に作成する (YAML)
- ユーザーが再配置可能なWedgetを実装するJavaScript (Prototype Portal Class)
- フォームボタンCSSデザインするテクニック (Rediscovering Button Element)
- 半透明の角まるツールチップを表示するJavaScript (CoolTips)
- JavaScriptでプログレスバーを簡単に実装する (jsProgressBarHandler)
- JavaScriptコード圧縮して盗用から守る (packer)
- iTuneのようにカバーアートを表示するFlash (iTunes Coverflow)
- 画像をサムネイルのサイズで表示するJavaScript (jQuery Thumbs)
- Ajaxでサクサク動くWebファイルマネージャ (Relay)
- アンカータグを利用してスムーススクロールを実装する (df Smooth Scroll)
- MacでもFlashでホイール操作が出来るようにする (SWFMacMouseWheel)
- HTMLなどタグ編集を楽にするエディタ機能JavaScript (jTagEditor)
- 使いやすいYUIライブラリのWYSIWYGエディタ (Rich Text Editor)

