札幌Web制作のシンクグラフィカ

Googleとかにもよくあるサジェスト機能です。CSVデータを予め用意いしていただいて、テキスト入力欄に入力された文字列がマッチする場合、CSV内のマッチする行を返すというシンプルなもの。複雑なマッチングを行っているわけではなく、単純な文字列マッチなのでアレですが、予め用意するCSVデータをしっかり濃いデータにしておくことで、比較的汎用性の高い機能としてご利用いただくことができなくもないです。

本機能を有効にする場合は

#push @AddOns,’suggest/suggest.js’;

を有効にし、configs/suggest.cgiを編集しCSVファイルが格納されているディレクトリを指定してください。

んでもって

＜input type="text" data-suggest="game"  name="サンプル"＞

のようにタグを記述します。上記の場合game.txtを検索した結果が表示されるという設定です。

こちらから実際に動作するデモをご覧いただけます。