본문 바로가기
개발/Web || Mobile

multi selectbox 예제

by 백아절현 2008. 11. 4.


<script>
function test(value) {
 if(value==1) Div.style.visibility = 'visible';
 else  Div.style.visibility = 'hidden';
}
</script>

<table cellpadding="0" cellspacing="0" style="cursor:hand" onClick="test(1)">
<tr>
<td align="center" width="120" height="20" style='border:1px solid;font-size:12'>div를 이용한 select</td>
<td height=20 style='border:1px solid;cursor:hand'>
<img src='http://file.danawa.co.kr/all_images/comindex_left_check.gif' border="0"></td>
</tr>
</table>
<div id='Div' style="width=120;height:50;position:absolute;visibility:hidden;border:1 solid">
<input type="checkbox" name="chk1">checkbox1<br>
<input type="checkbox" name="chk2">checkbox2<br>
<input type="button" value="확인" onClick="test(2)">
</div>

출처 : 지식kin

추가: style에 따른 prototype
// if(value==1) Div.style.visibility = 'visible';
// else  Div.style.visibility = 'hidden';
// visibility:hidden;
// display:none;
 if(value==1){
//  $("multiDiv").setStyle({visibility : "visible"});
  $("multiDiv").show();
 }else{
//  $("multiDiv").setStyle({visibility : "hidden"});
  $("multiDiv").hide();
 }

'개발 > Web || Mobile' 카테고리의 다른 글

update error occurred during initialization of VM  (0) 2009.02.02
폭 구하기 및 디버그  (0) 2008.11.05
java byte[]-> string와 java  (1) 2008.10.20
overflow set Style  (0) 2008.10.06
url 비교  (0) 2008.09.05

댓글