<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 |
댓글