웹솔루션개발 22년 노하우! 해피CGI의 모든것

자동완성 스크립트인 AutoCompleteJS 입니다. 심플하고도 강력한 기능이 특징 입니다. http://autocompletejs.com/examples 페이지로 접속하면 데모 및 샘플 소스를 확인이 가능 합니다. 다양한 데모가 전시 되어 있으므로 사용하기가 편리 합니다. http://autocompletejs.com/docs 페이지에서 자세한 설정 및 옵션 확인이 가능 합니다.

jQuery 와 Bootstrap 을 이용하여 자동완성 기능을 사용할 수 있도록 공개한 소스가 있어서 안내 드립니다. ^^ 압축파일 다운로드 하시면 기본 index.html 파일이 있는데요. 해당 파일로는 구동이 안되구요 ~ cdn 주소를 사용하시거나 아니면 다운로드 받아서 CSS, Script 를 연결해 주셔야 합니다. 그래서 test.html 파일에 CDN 을 이용하도록 변경한 코드를 같이 첨부해 두었습니다. 첨부된 샘플 파일 (test.html) 을 보시면 입력박스에서 사용될 값들을 정의해 둔 소스가 있습니다. 프로그램 작업 가능하신분은 DB로 부터 읽어와서 구성하시면 좋을듯 하구요. 프로그램 작업 불가능하신분들은 강제코딩 형태로 사용하셔야 할듯 합니다. 기능은 무료로 제공되는 자료치고는 쓸만하지만..

jquery 로 만들어진 검색어 자동완성기능으로 간단하고 쉬운 사용자 정의 및 캐시를 지원합니다. 특정단어중 1개의 자음 혹은 단어만으로 찾고자하는 단어를 자동으로 완성시켜주는 자동완성기능입니다. 검색폼 항목에 "C" 란 자음하나를 입력할경우 아래와같이 조합된 여러 단어가 출력되게됩니다. 원하시는 조합된 단어를 클릭하면 해당 단어로 검색어를 입력할 수 있습니다. 자세한 사용방법 및 적용예제는 샘플사이트 url 을 참고하시기 바랍니다.