테이블 보이기,감추기 table id 를 이용

WEB/자바 2011. 2. 11. 11:19

<script language="javascript">

function ShowLayer(bType)
{
 var form = document.formBod;
 document.getElementById('bType_cate').style.display  = 'none';

 if ( bType == 'cate' )  { 
  document.getElementById('bType_cate').style.display = 'block'; 
 }
}

</script>

 

<html>

<body>

<table id='bType_cate' style='display:none;' width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr bgcolor="#ECECEC">
  <td width=150><b>ㆍ카테고리 사용여부</b></td>
  <td width=200>
  <input type=radio name=SELECT_CATE value='0' onclick="ShowLayer('cate');"> 아니요
 </td>
 </tr>

  <tr>

   <td colspan=2>

   <table id='bType_cate' style='display:none;' width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
     <td>카테고리의 항목을 <B>콤마(,)</B> 로 구분하여 입력합니다.<br>
      <input type=text name='BOD_CATEGORY' style='width:100%;'>
     </td>
    </tr>
   </table>

   </td>

</tr>

</table>

</body>

</html>


출처 : Tong - 드렁크수달스님의 ■ JAVASCRIPT ■통

: