Auto-Suggest Control(검색어 자동완성)
출처 : http://cptcho.tistory.com/8
autosuggest_stable_src.zip메일을 정리하다가 아주 좋은 녀석을 발견했다.
포털사이트의 검색어 자동완성과 같은 기능을 쉽게 구현하게 해주는 스크립트 컴포넌트이다.
자세한건 http://www.codeproject.com/jscript/AutoSuggestControl.asp 를 보도록 하고
테스트할때 썼던 Sample.htm을 보면, 얼마나 간단하고 좋은지 이해가 된다.
정말 세상은 넓고 머리 좋은 사람도 많구나...
-----------------------------------------------------------------------------------------
<html>
<head>
<script type="text/javascript" src="autosuggest.js"></script>
<!-- Test Array Data -->
<script>
var customarray =
new Array(
'apple','alligator','banana','elephant',
'pear','kingbird','kingbolt','kingcraft',
'kingcup','kingdom','kingfisher',
'홍슬기', '김기동', '김후니', '김하나', '김태희', '구혜선',
'이제동', '박정아', '김희선', '박지민', '전지현', '정우성',
'김선미', '김연아', '박태환', '조니김', '김수미');
</script>
</head>
<body>
<input type="text"
style='font-family:verdana;width:300px;font-size:12px'
id="tb" value=""/>
<script>
var acb = new actb('tb', customarray);
acb.actb_firstText = false; // 중간도 검색 가능하게 하는 옵션
acb.actb_firstMatch = true; // actb_firstText가 true인경우만 가능한 옵션. 타이핑 순서대로 리스트가 나옴
acb.actb_useScroll = false;
</script>
</body>
</html>
<!-- Ajax를 이용 데이터를 리턴하는 예제
new actb('tb', '', 'URL');
리턴하는 데이터는 <listdata>item1|item2|item3|...</listdata>와 같은 형태로
리턴해야함
-->