이래저래 검색을 이쁘게 만들어 보겠다고 돌아 댕기다가 찾은것 입니다.

그누보드 활용 방법은..

기존 셀렉트박스......................................................

        <select name=sfl class=select>
        <option value="wr_subject||wr_content">제목+내용</option>
        <option value="wr_subject">제목</option>
        <option value="wr_content">내용</option>
        <option value="mb_id">회원아이디</option>
        <option value="wr_name">이름</option>
        </select>


변경 라디오버튼....................................................
<script type="text/javascript" src="<?=$g4_path?>/MyUI.js"></script>
<input type="radio"  name="sfl" checked="checked"  id="rd-1"  value="wr_subject||wr_content"/><label for="rd-1">제목+내용</label>
<input type="radio"  name="sfl" id="rd-2" value="wr_subject"/><label for="rd-2">제목</label>
<input type="radio"  name="sfl" id="rd-3" value="wr_content"/><label for="rd-3">내용</label>
<input type="radio"  name="sfl" id="rd-4" value="mb_id"/><label for="rd-4">회원아이디</label>
<input type="radio"  name="sfl" id="rd-5" value="wr_name"/><label for="rd-5">이름</label>
<script type="text/javascript">
var mycheckboxes = new MyCheckBoxes(document.forms['fsearch']);
new MyRadioButtons(document.forms['fsearch']);
</script>

파일결로나 이미지 파일은 바꿔서 사용하시면 될꺼 같습니다.

문제점은 검색후 항상 그자리로 처음 선택상태로 가버립니다.
검색후 검색시 선택했던것을 선택되어 있게 할수있는 방법있나요?

검색시....
○제목 ○내용 ⊙이름 ○아이디  홍길동  검색

검색완료후
⊙제목 ○내용 ○이름 ○아이디  홍길동  검색

에도 이름에서 선택되어 있게 할수있는 방법이 있나요?

http://blog.miniwini.com/archives/2006/06/@12-32-11.php
사이트에 적힌 내용입니다.

사용법
용도에 따라 아래의 스크립트를 페이지 하단에 추가합니다.

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