如何在单击Asp.Net按钮单击事件时显示弹出窗口

时间:2012-06-07 05:35:03

标签: javascript asp.net popup

我有一个弹出窗口向用户显示一条消息,说明他们的信息已经提交。弹出div的ID为NewCustomerStatusPopUp,我想在信息成功插入数据库时​​显示这个弹出窗口,那我该怎么办当所有信息都已提交时,调用javascript函数显示弹出窗口。任何人都可以告诉我如何才能这样做。 这是我的弹出窗口

<div id="NewCustomerStatusPopUp">
<asp:Label ID="lblStatus" Text="" runat="server"/>
</div>

CSS:

#NewCustomerStatusPopUp
    {
    position: fixed;
    width: 300px;
    height: 250px;
    top: 50%;
    left: 50%;
    margin-left:-255px;
    margin-top:-150px;
    border: 10px solid #9cc3f7;
    background-color:White; 
    padding: 10px;
    z-index: 102;
    font-family:Verdana;
    font-size: 10pt;
    border-radius:10px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;

    }

非常感谢任何帮助。

感谢。

2 个答案:

答案 0 :(得分:1)

要从服务器调用javascript函数,您可以使用RegisterStartipScript
在你插入查询后写下这段代码

ClientScript.RegisterStartupScript(GetType(), "id", "callMyJSFunction()", true);

<script type="text/javascript">
function callMyJSFunction()
{
    alert("Record inserted sucessfully.");
}

答案 1 :(得分:1)

如果你的代码中有一个click事件处理程序,后面执行插入,不需要JS,将div包装在一个面板中:

<asp:Panel ID="pnlStatus" Visible="false" >
    <div id="NewCustomerStatusPopUp">
      <asp:Label ID="lblStatus" Text="" runat="server"/>
    </div>
</asp:Panel>

在您的代码中,一旦您断言新客户已成功添加,

将pnlStatus设置为可见。

pnlStatus.Visible = true;