본문으로 건너뛰기
안형우

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

📌 CSS가 어려운 이유 — 프로젝트 중심 실전 CSS 강의 소개 2023-04-13
📌 워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기(강의) 2023-01-15
📌 아무도 말하지 않는 PHP의 좋은 점 2018-10-13
📌 유지보수하기 쉬운 CSS 전략(슬라이드) 2016-12-20
📌 워드프레스 테마에서 템플릿 파일 매칭 순서 2013-05-12
📌 [번역] CSS 코드 냄새 2013-01-01

[prototype] Ajax.Autocompleter API

프로토타입과 스크립타큘러스는 공부하지 않기로 했고, jQuery에도 이 글을 쓰고 얼마 안 있어 jQuery UI의 AutoComplete가 등장했다.

한글도 잘 작동한다. 이미 실제로 적용해 봤다.

그러니 jQuery UI를 사용하기를 권한다.

———- 이하 원래 내용 ———–

프로토타입도 기회 되면 공부할 생각이다. 프로토타입의 스크립타큘러스에 있는 Ajax.Autocompleter의 DOC다.

궁금했던 기능을 설명하고 있는 글을 찾았다. 일단 링크하고 : http://trend21c.tistory.com/360

필요한 부분을 긁었다. 책제목만 자동완성으로 검색하면 책 관련 가격 정보 등이 자동으로 따라 들어오게 하고 싶을 때 사용하는 방법이라는데, 정확하게 어떻게 사용하는지는 알려주지 않고 있으나 단서를 주고 있다.

자동검색되는 내용중에서 검색어로는 넣고 싶지 않지만 추가하고 싶은 텍스트가 있는 경우도 있습니다.

예를 들면 책 제목과 가격, 출판사, 저자를 한꺼번에 나타내고 싶긴한데

검색어로는 제목만 입력되게 하고 싶을때!!!!

바로 이런 경우를 위해 scriptaculous는 다음과 같은 방법을 사용하면 됩니다.

<li> 책제목 <span class="informal">검색에는나타나지않는기타정보</span></li>

이렇게 마크업을 하게 되면(informal 클래스명을 사용) informal 클래스 안에 있는 텍스트는 자동완성 키워드가 완성될때 포함되지 않습니다.

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

Leave a Reply

Your email address will not be published. Required fields are marked *