Question

在与Ajax和Jquery会面之前，在我的项目中，我有一个类似下面的函数。

Public Sub Raise_Alarm(ByVal p_Page As Page, ByVal p_Message As String, Optional ByVal p_IsError As Boolean = True)

strScript = "<script language= ""javascript""> alert('" & p_Message.Replace("'", "") & "')</script>"
    Dim t As Type = p_Page.GetType()
    p_Page.ClientScript.RegisterStartupScript(t, "alert", strScript)
    Dim mylabel As Label

end sub

现在我想要一个函数而不是上面的函数，它将消息显示为灯箱（模态框）。

我该怎么做？

Answer 1

尝试使用一个优秀的jQuery插件来显示模态窗口，例如jqModal。文档解释了如何配置和启动模态窗口，并包含一些很好的示例。

Answer 2

如果您想使用上面cxfx（+1;）建议的jqModal，这应该可行：

strScript = "$('<div>" & p_Message.Replace("'", "\'") & "</div>').jqm();";
ClientScriptManager.RegisterStartupScript(p_Page.GetType(), "alert", strScript, true);

Answer 3

如果您使用“thickbox”，它只能在模态窗口中显示正常的aspx页面。然后，您可以正常使用代码。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

<link href="/themes/ui.all.css" rel="stylesheet" type="text/css" />       
<link runat="server" href="/styles/thickbox.css" rel="stylesheet" type="text/css" />       
<!-- jQuery -->
<script type="text/javascript" src="/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript" src="/scripts/ui.core.js"></script>
<script type="text/javascript" src="/scripts/thickbox.js"></script>      

</head>
<body>
       <a class="thickbox" href="mylink.aspx?KeepThis=true&TB_iframe=true&height=300&width=850">modal thick box link</a>
</body>
</html>

希望这有帮助。

从Asp.Net的代码隐藏控制灯箱（模态）

3 个答案: