从codebehind打开jquery弹出窗口(ASP.Net VB)

时间:2013-07-08 11:59:05

标签: jquery asp.net css3

我有这个div(弹出窗口):

<div class="info message">
         <h3>Informa&ccedil;&atilde;o</h3>
         <p>Mensagem informativa.</p>
</div>

我有这个“按钮”(工作正常)来调用div(弹出窗口):

 <ul id="trigger-list">
         <li><a href="#" class="trigger info-trigger">Info</a></li>
  </ul>

但是我不想使用那个按钮,我怎么能从后面的代码中调用这个div(弹出窗口)呢?例如:

Sub Info(sender As Object, e As System.Web.UI.ImageClickEventArgs)
        If ChkInfo.Checked Then

'Code to show the div (popup

Else

'Another code

End Inf

End Sub

注意:我使用的是:http://www.red-team-design.com/cool-notification-messages-with-css3-jquery

感谢

2 个答案:

答案 0 :(得分:3)

您不能直接从代码隐藏中触发弹出窗口,但是您可以使用ClientScriptManager.RegisterStartupScript输出为您触发弹出窗口的代码; Me.ClientScript会返回一个您可以使用的ClientScriptManager对象。例如:

    Me.ClientScript.RegisterStartupScript(GetType(Page), _
        "Popup", "showMessage('info');", true)

将输出:

    <script type="text/javascript">
        showMessage('info');
    </script>

到网页。有关MSDN的更多信息,请访问http://msdn.microsoft.com/en-us/library/system.web.ui.clientscriptmanager.registerstartupscript.aspx

答案 1 :(得分:1)

您可以尝试此方法。将消息或弹出窗口的div设为runat="server"并为其分配ID。最初你将它变为可见的假。所以它的HTML不会生成。现在点击按钮显示弹出窗口,将找不到此HTML,因此不会发生任何事情。

现在您可以在服务器端的click事件上设置visible=true。这将呈现HTML和显示弹出窗口的代码应放在document.ready()

欢迎查询