일전에 이거 물어보신분이 계셨는데 제가 답글을 너무 늦게 봐서 어떻게 연락드릴방법이 없어 게시판에다 바로 올려요
뭐.... 이런거 필요하신 분이 있을진 모르겠는데 혹시나 싶어 올려드립니다.
디자인은... 완전 기본적인 부분만 되어있고 스크립트 내부에 스타일시트를 수정하시거나
직접 스타일시트를 추가하셔서 사용하시면 되겠습니다.
참고로 오류 수정 및 코딩 검수는 네이버 하코사의 [딱히]님께서 수정해주셨습니다.
(오유 닉이 아니니까 닉언죄는 아니려나...)
다운받거나 복사해서 쓰셔도 되구요
바로 링크해서 쓰셔도 되지만 저희 회사 서버인지라 혹시나 서버가 닫힐경우(=회사망함) 사용이 안되니
되도록 다운받아 쓰시는걸 추천드립니다. ㅋㅋㅋ
http://util.dsoft.co.kr/dsSelectbox/dsSelectbox.js
사용법은 주석으로 달려있구요
head에 아래와 같이 인클루드 시키시면 됩니다.
<script type="text/javascript" src="dsSelectbox.js"></scrip>
[주의사항(?)]
1. 無디자인 : 아무 디자인 없습니다. 기존의 Selectbox와 거의 동일하게 만들었습니다. 자체적으로 디자인 수정이 가능하도록 만들었습니다.
2. 이벤트연결 : change이벤트를 트리거로 연결시켜 놓았습니다. But... onchange이벤트는 발생하는데 jQuery로 발생시키는 .on('change') 이벤트에는 대응되지 않습니다. 왜 그런지 모르겠는데 이거 혹시 해결되시는분 수정 부탁드립니다. (굽신굽신) 또한 click이벤트는 연결이 안되어있으니 필요하신 분은 수정하여 쓰시면 됩니다. (애초에 selectbox에 클릭이벤트를 걸 상황이 있을진 모르겠습니다)
3. 스타일시트 : 초기에는 css파일을 따로 빼서 같이 인클루드 해서 사용하는 방식이었는데 파일을 두개씩 인클루드 하려니까 보기도 싫고 귀찮고 css 내용도 얼마없고 해서 그냥 js파일 내부에 스크립트로 추가시킬수 있도록 문자열로 저장시켜놨습니다. 따로 빼시려는 분들은 따로 빼셔도 됩니다. ^^ 적다보니 생각났는데 이거 옵션에 파일로 넣을건지 문자열로 넣을건지 선택할수 있도록 하면 좋겠네요. 나중에 시간나면 고쳐보겠습니다. ㅋㅋㅋ
[PS]
마음껏 수정하시거나 배포하셔도 상관없습니다. 어차피 제가 편하자고 만든거라 남이 써도 상관은 없긴 한데
1차 제작자와 수정자에 대해서만 명시해주시면 감사하겠습니다. ^^
뭐 어차피 이거 수정해서 쓰실정도의 실력이면 직접 만들어쓰시는게 편하겠지만.....;;;
