일반적인 셀렉트 박스를 이쁜 형태의 레이어로 변환해 주는 스크립트의 HTC 버전입니다.
* 주요 기능
– 셀렉트박스 폼필드를 자동으로 레이어로 변환
– 기존 셀렉트박스 태그 수정 불필요
– 여백 공간에 따라 아래 위의 공간을 비교하여 넓은쪽으로 레이어가 출력 됨
– 옵션 항목이 많아질 경우 자동으로 스크롤바가 생성
– 특정 셀렉트박스에만 색상 및 화살표 이미지 별도 설정 가능
– 변환된 레이어를 텍스트처럼 취급 (2개 이상이 연속으로 출력 가능)
– HTC가 완벽히 지원되는 버전이 아닐 경우 변환을 하지 않음 (인터넷 익스플로러 5.5 이상)
– 자동으로 스크롤바가 생성되어 옵션 항목 레이어가 보일 때 문서가 일시적으로 길어져 문서의 스크롤바가 생기는 문제가 없음
* 개선 및 기능 추가 사항
– 값이 선택되어진 상태에서 휠을 아래 위로 움직일 경우 값을 변경
– 옵션 항목이 많아 스크롤바가 생성되었을 때 휠을 움직여 끝까지 도달한 경우 문서가 스크롤되는 문제
– 아이프레임으로 문서에 속해질 때 레이어의 높이 문제
– 전체를 묶는 태그를 <SPAN> 태그를 사용하여 변환된 셀렉트 박스 하단에 약간의 공백이 생기는 문제
* 사용 방법
– 스타일시트에 미리 정의하는 방법
<style>select{ behavior: url(‘/inc/selectBox.htc’);}<style>
– 특정 SelectBox 폼필드에만 적용하는 방법
<select style=”behavior: url(‘/inc/selectBox.htc’);”></select>