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

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

sitelink1  
sitelink2  
sitelink3  
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>  
이 게시물을
목록
번호 제목 글쓴이 날짜 조회 수
26 Page Refresh/Reload 황제낙엽 2007.08.24 884
25 Javascript 내장객체 String 황제낙엽 2007.04.10 1011
24 유용한 자바스크립트 예제 몇가지 (Tree 및...) file 황제낙엽 2005.10.20 830
23 자바 스크립트 플러그인 황제낙엽 2005.11.22 1065
22 JAVASCRIPT REFERENCE 파일 file 황제낙엽 2005.11.22 1158
21 JAVASCRIPT Debuger 프로그램 file 황제낙엽 2005.11.22 818
» SelectBox 밑에 CheckBox가 포함된 리스트 만들기 file 황제낙엽 2007.01.16 1270
19 3시간 걸려서 만든 입력폼 자릿수체크 스크립트 황제낙엽 2006.04.22 1148
18 innerHTML 황제낙엽 2005.12.19 971
17 insertAdjacentHTML Method 황제낙엽 2005.12.19 3723
16 폼으로 XML 데이터 전송 (JSP+Javascript) 황제낙엽 2005.12.04 875
15 Methods and properties of Microsoft.XMLDOM 황제낙엽 2005.12.04 810
14 슬라이딩 메뉴 황제낙엽 2005.12.02 857
13 XML+JS 연동 다중셀렉트박스 (1) - <font color="brown">(MS Explorer 전용)</brown> 황제낙엽 2005.12.02 768
12 풍선 도움말 황제낙엽 2005.11.24 696
11 소스 보기 막기 황제낙엽 2005.11.18 991
10 카페의 회람 . 막기 소스 황제낙엽 2005.10.21 617
9 브라우저에서 뒤로 가기 막기와 펑션키(function key) 막기 황제낙엽 2005.10.21 1242
8 아이디 생성 조건 검사 자바스크립트 모듈 황제낙엽 2004.11.18 1092
7 마우스 오버시 살짝 뒤로 물러나는 듯한 링크 -_-;; 황제낙엽 2003.01.04 829
쓰기 태그