버튼클릭하면 Layer 나타내기

버튼
수정하기 버튼을 클릭하면 자바스크립트에 코딩된 함수 chk()를 실행한다.

<asp:Button ID="BtnGoUpdate" runat="server" Text="수정하기"  OnClientClick="return chk();"/>

버튼클릭해야 나타나는 Layer
버튼을 클릭하기 전에는 display:none"으로 코딩하여 레이어가 보이지 않게한다.

    <div id="box" style="width:300px; height:30px; border:1px solid #000; text-align:center; padding:5px;

margin-left:340px; display:none" >

        비밀번호를 입력하세요
        <asp:TextBox ID="txtPwd" runat="server" width="100"></asp:TextBox>
        <asp:Button ID="PasswordChk" runat="server" Text="확인" onclick="PasswordChk_Click" />
    </div>

자바스크립트
레이어의 상태를 none상태는 block으로 block은 none로 바꿔주는 함수. 

<script language="javascript" type="text/javascript">
        function chk() {
            var chk = document.getElementById('BtnGoUpdate');
            var boxs = document.getElementById('box');
            if (boxs.style.display == 'none') {
                boxs.style.display = 'block';
                return false;
            }
        }
</script>