フォームの入力補助javascript「Autosuggest / Autocomplete with Ajax」

フォームなどで何かを入力するとそれにあった言葉を提示してくれるのをオートサジェストなどと呼びます。
訪問者の入力を楽にするほか、忘れていたものを思い出させることもできます。
Autosuggest / Autocomplete with Ajaxはこれを実現するjavascriptです。

sponsors

使用方法

Autosuggest / Autocomplete with Ajaxからbsn.AutoSuggest_2.1.3_comp.jsやautosuggest_inquisitor.cssなどをダウロードします。
<script type="text/javascript" src="http://yourdomain/bsn.AutoSuggest_2.1.3_comp.js"></script>
<link rel="stylesheet" href="http://yourdomain/autosuggest_inquisitor.css" type="text/css" media="screen">
<script type="text/javascript">
	var options = {
		script:"http://yourdomain/test.php?json=true&limit=10&",  //数字は表示件数
		varname:"input",
		json:true,
		shownoresults:false,
	};
	var as_json = new bsn.AutoSuggest('id名', options);
</script>
以上を書き込んだらオートサジェスト用のフォームを下記のように記述します。
<form method="get">
	<input type="text" id="id名"> 
</form>

サンプル

sponsors

Javascriptサンプルページ一覧
skuare.net