使用c#禁用背景的弹出窗口

时间:2015-08-29 17:33:50

标签: c# asp.net

我正在尝试通过弹出div并禁用背景来显示来自try / catch块的错误/成功消息,直到单击“接受”或取消按钮。我找到了一个使用javascript(下面)完成此操作的方法,我知道我可以用c#中的ScriptManager.RegisterStartupScript()调用它,但我相信我需要完全在c#/ asp.net中完成同样的事情简化在div中包含和填充asp控件的过程。

我已经在下面包含了html / css / js(在GitHub上归功于madan712)。有谁知道如何使用asp.net完成同样的事情?

我是否完全偏离基础,试图用asp.net完成这个并且应该看另一种方法?

由于

<HTML>
<HEAD>
    <TITLE>Popup div with disabled background</TITLE>
    <style>
        .ontop {
            z-index: 999;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            display: none;
            position: absolute;             
            background-color: #cccccc;
            color: #aaaaaa;
            opacity: .4;
            filter: alpha(opacity = 50);
        }
        #popup {
            width: 300px;
            height: 200px;
            position: absolute;
            color: #000000;
            background-color: #ffffff;
            /* To align popup window at the center of screen*/
            top: 50%;
            left: 50%;
            margin-top: -100px;
            margin-left: -150px;
        }
    </style>
    <script type="text/javascript">
        function pop(div) {
            document.getElementById(div).style.display = 'block';
        }
        function hide(div) {
            document.getElementById(div).style.display = 'none';
        }
        //To detect escape button
        document.onkeydown = function(evt) {
            evt = evt || window.event;
            if (evt.keyCode == 27) {
                hide('popDiv');
            }
        };
    </script>
</HEAD>
<BODY>
    <div id="popDiv" class="ontop">
        <table border="1" id="popup">
            <tr>
                <td>
                    This is can be used as a popup window
                </td>
            </tr>
            <tr>
                <td>
                    Click Close OR escape button to close it
                    <a href="#" onClick="hide('popDiv')">Close</a>
                </td>
            </tr>
        </table>
    </div>
    <CENTER>
        <h3>
            Simple popup div with disabled background
        </h3>
        <br/>
        <a href="#" onClick="pop('popDiv')">Click here to open a popup div</a>
    </CENTER>
</BODY>
</HTML>

0 个答案:

没有答案