체크박스와 라디오버튼을 이미지로 사용하자

체크박스와 라디오버튼을 이미지로 바꾸는 것입니다.

샘플 보기

설치
- MyUI.js를 다운로드 받습니다. (다운로드)
- MyUI.zip을 다운로드 받습니다. 이미지 파일입니다. (다운로드)
- 업로드 한 후 HTML 페이지에 아래의 코드를 맨 위에 추가합니다. <script type="text/javascript" src="MyUI.js"></script>
사용법
용도에 따라 아래의 스크립트를 페이지 하단에 추가합니다.

1. 특정한 체크박스만 이미지로 바꾸고 싶으시면new MyCheckBox(document.forms['폼이름'].elements['체크박스이름']);
2. 특정 폼의 모든 체크박스를 이미지로 바꾸고 싶으시면new MyCheckBoxes(document.forms['폼이름']);
3. 특정한 라디오버튼만 이미지로 바꾸고 싶으시면new MyRadioButton(document.forms['폼이름'].elements['체크박스이름']);
4. 특정 폼의 모든 라디오버튼을 이미지로 바꾸고 싶으시면new MyRadioButtons(document.forms['폼이름']);

이미지 바꾸기
자신이 만든 이미지로 바꾸시려면 MyUI.js 소스안에 있는 resources와 styles 부분을 수정하시면 됩니다. 한번 보시면 바로 이해하실 수 있을 겁니다. http://blog.miniwini.com/archives/2006/06/@12-32-11.php