[자바스크립트] 드래그를 통한 검색 이벤트 걸기?!!

다음 포털을 보면...
마우스로 드래그하면, [검색] 버튼이 나와서
해당 텍스트를 검색 하는 기능이 있다.

사실... 드래그한 텍스트를 검색어 입력하는곳에 자동입력후 검색해 주는 기능이지만,
스크롤이 길고 조금 복잡한 텍스트(특히 한문) 같은경우는

"복사 -> 스크롤이동 -> 검색창에 붙여넣기 -> 검색버튼 클릭" 이라는 방법을 써야 하지만,

위 방법은 귀차니즘에 빠진 현대인(나를 지칭하는말 ;;)은 위와 같은 별것 아닌 인터페이스가 도움이 될때도 있다.

그래서, 자바스크립트로 간단히 구현해본 샘플 페이지...
파이어 폭스랑, IE에서 둘다 되고, 최대한 사용법을 쉽게하려고
스크립트를 class화해서 구현한 소스....

invalid-file

사실, 이벤트가 일어나는건 결과용 레이어 안에서 이벤트를 걸어서 일어나도록 했다.

최대한 사용법을 쉽게하기위해... class화 했고, 적용도 다음과 같이
body 안의,,,, 아래쪽쯤에 레이어의 id만 선언해주면 OK (html을 보면 될듯)

<script>
 var popEvent = new PopSearch("result","popbutton");
</script>

만약, 이 소스를 이해 못했다면... 난감;;
(나름 쉽게 사용하게 만들었는데)