일반 SelectBox 밑에 CheckBox가 포함된 리스트 만들기

황제낙엽 2007.01.16 18:33 조회 수 : 3248 추천:129

sitelink4 http://1 
extra_vars4 ko 
extra_vars5 http://blog.naver.com/dozuq?Redirect=Log&logNo=4638844 
extra_vars6 sitelink1 
  1. <style>  
  2. #innermenu a{   
  3. text-decoration:none;   
  4. }  
  6. #innermenu a:hover{   
  7. background-color:#FFFF95;   
  8.   
  9. }   
  10.   
  11. </style>   
  12. <script language="JavaScript1.2">   
  13.   
  14. //DHTML combo box script- by javascriptkit.com   
  15. //Visit JavaScript Kit (http://www.javascriptkit.com) for script   
  16. //Credit must stay intact for use   
  17.   
  18. var ie5=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)   
  19.   
  20. if (ie5){   
  21. document.write('<span style="position:relative;width:150px;height:20px;border:1px solid black;font:bold 10pt Verdana;padding:2px" onClick="showhide(1);event.cancelBubble=1" ><span style="cursor:hand;width:100%">Script Categories <img src="tridown.gif"></span>')   
  22. document.write('<div id="innermenu" style="position:absolute;left:2;top:16;width:240px;height:100px;border:1px solid black;background-color:white;overflow-y:scroll;visibility:hidden;">')   
  23. }   
  24.   
  25. function gl(linkname,dest){   
  26. document.write('<b><a href='+dest+'">'+linkname+'</a></b><br>')   
  27. }   
  28.   
  29. function showhide(state){   
  30. var cacheobj=document.getElementById("innermenu").style   
  31.   
  32. if (state==0)   
  33. cacheobj.visibility="hidden"  
  34. else  
  35. //cacheobj.visibility=cacheobj.visibility=="hidden"? "visible" : "hidden"   
  36. cacheobj.visibility=cacheobj.visibility="visible";   
  37. }   
  38.   
  39. //Specify your links here- gl(Item text, Item URL)   
  40. if (ie5){   
  41. gl("<input type='checkbox' name='checkbox' value='checkbox'>JavaScript Kit","http://www.javascriptkit.com")   
  42. gl("<input type='checkbox' name='checkbox' value='checkbox'>Dynamic Drive","http://www.dynamicdrive.com")   
  43. gl("<input type='checkbox' name='checkbox' value='checkbox'>Free Web Templates","http://www.freewebtemplates.com")   
  44. gl("<input type='checkbox' name='checkbox' value='checkbox'>Freewarejava.com","http://freewarejava.com")   
  45. gl("<input type='checkbox' name='checkbox' value='checkbox'>MSNBC","http://www.msnbc.com")   
  46. gl("<input type='checkbox' name='checkbox' value='checkbox'>Google","http://www.google.com")   
  47. gl("<input type='checkbox' name='checkbox' value='checkbox'>Yahoo","http://www.yahoo.com")   
  48. gl("<input type='checkbox' name='checkbox' value='checkbox'>CNN","http://cnn.com")   
  49. //Extend this list as needed   
  50.   
  51.   
  52. }   
  53.   
  54. if (ie5){   
  55. document.onclick=function(){showhide(0)}   
  56. document.write('</div></span>')   
  57. }   
  58.   
  59. </script>  
이 게시물을
목록
번호 제목 글쓴이 날짜 조회 수
246 [Gemini] ajax 와 fetch 의 차이 황제낙엽 2025.01.04 3419
245 [검토 완료] 디바이스 카메라로 촬영한 사진을 서버에 업로드하기 샘플 황제낙엽 2024.11.21 3987
244 브라우저에서 이미지를 편집(crop 등) 할 수 있는 오픈소스 Cropper.js 황제낙엽 2024.11.16 3842
243 [ChatGPT] json data 의 정렬 [1] 황제낙엽 2024.07.23 3352
242 DOMContentLoaded 이벤트와 window.onload 이벤트 황제낙엽 2024.07.15 3669
241 fetch() 사용 예제들 황제낙엽 2024.07.09 3380
240 [Copilot] Vanilla JavaScript에서 외부 스크립트 파일에 정의된 함수들을 로드 황제낙엽 2024.06.21 3758
239 [Copilot] ES6 모듈(module) 문법 황제낙엽 2024.06.21 3805
238 [Copilot] JSON 객체 내부 데이터를 순회하면서 조회하는 코드 황제낙엽 2024.06.02 3270
237 [Copilot] JavaScript로 서버에 특정 값을 POST 방식으로 전달하고 응답을 기다리지 않고 바로 종료 황제낙엽 2024.05.31 3615
236 json 데이터 내의 변수명에 prefix 로 type 표현하기 황제낙엽 2024.04.15 3361
235 fetch() 함수 사용 예제 file 황제낙엽 2023.11.23 3605
234 현재 document 의 host 와 port 를 얻는 방법 황제낙엽 2023.10.03 4209
233 (Bard) FileReader 로 여러개의 파일을 read 하는 법 file 황제낙엽 2023.08.23 3660
232 How to build a file upload service with vanilla JavaScript file 황제낙엽 2023.08.22 3715
231 (Bard) JavaScript로 JSON 배열을 작성하는 방법 황제낙엽 2023.08.21 3672
230 모바일 브라우저에서 file input element 를 이용하여 여러장의 이미지를 서버에 전송하려 할때 [1] 황제낙엽 2023.08.21 3703
229 navigator.mediaDevices 황제낙엽 2023.08.21 3798
228 Barcode Detection API 황제낙엽 2023.08.06 3854
227 정규식을 이용한 이메일 검증 스크립트 file 황제낙엽 2023.06.25 2894
쓰기 태그