티스토리 뷰

일반적인 셀렉트 박스를 이쁜 형태의 레이어로 변환해 주는 스크립트의 HTC 버전입니다.

* 주요 기능
- 셀렉트박스 폼필드를 자동으로 레이어로 변환
- 기존 셀렉트박스 태그 수정 불필요
- 여백 공간에 따라 아래 위의 공간을 비교하여 넓은쪽으로 레이어가 출력 됨
- 옵션 항목이 많아질 경우 자동으로 스크롤바가 생성
- 특정 셀렉트박스에만 색상 및 화살표 이미지 별도 설정 가능
- 변환된 레이어를 텍스트처럼 취급 (2개 이상이 연속으로 출력 가능)
- HTC가 완벽히 지원되는 버전이 아닐 경우 변환을 하지 않음 (인터넷 익스플로러 5.5 이상)
- 자동으로 스크롤바가 생성되어 옵션 항목 레이어가 보일 때 문서가 일시적으로 길어져 문서의 스크롤바가 생기는 문제가 없음

* 개선 및 기능 추가 사항
- 값이 선택되어진 상태에서 휠을 아래 위로 움직일 경우 값을 변경
- 옵션 항목이 많아 스크롤바가 생성되었을 때 휠을 움직여 끝까지 도달한 경우 문서가 스크롤되는 문제
- 아이프레임으로 문서에 속해질 때 레이어의 높이 문제
- 전체를 묶는 태그를 <SPAN> 태그를 사용하여 변환된 셀렉트 박스 하단에 약간의 공백이 생기는 문제

* 사용 방법
- 스타일시트에 미리 정의하는 방법
<style>select{ behavior: url('/inc/selectBox.htc');}<style>
- 특정 SelectBox 폼필드에만 적용하는 방법
<select style="behavior: url('/inc/selectBox.htc');"></select>



출처 : http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=32006
댓글
댓글쓰기 폼