Javascript 带有母版页的InnerHtml弹出窗口_Javascript_Jquery_Html_Css_Asp.net

Javascript 带有母版页的InnerHtml弹出窗口

javascript jquery html css asp.net

Javascript 带有母版页的InnerHtml弹出窗口,javascript,jquery,html,css,asp.net,Javascript,Jquery,Html,Css,Asp.net,想要：我希望在.Net中有一个弹出式的构建，以及任何与.Net交互并带有母版页的代码注: 我有一些代码在IE7中没有母版页就可以工作，在那之前没有测试，还有Chrome 问题: 当我尝试将代码添加到母版页时，“Div”显示在页面上，而不是作为弹出窗口下面的代码是无母版页版本。我尝试将Div放在母版页和子版页中，结果相同代码： Aspx页 .aspx.vb 您试图通过代码隐藏打开弹出窗口？虽然这是绝对可以做到的，但是你应该考虑打开一个弹出式对话框或者模态对话框本质上是一个客户端的事情，在这

想要：

我希望在.Net中有一个弹出式的构建，以及任何与.Net交互并带有母版页的代码

注:

我有一些代码在IE7中没有母版页就可以工作，在那之前没有测试，还有Chrome

问题:

当我尝试将代码添加到母版页时，“Div”显示在页面上，而不是作为弹出窗口

下面的代码是无母版页版本。我尝试将Div放在母版页和子版页中，结果相同

代码：

Aspx页

.aspx.vb

您试图通过代码隐藏打开弹出窗口？虽然这是绝对可以做到的，但是你应该考虑打开一个弹出式对话框或者模态对话框本质上是一个客户端的事情，在这个过程中加入服务器是没有多大意义的。你没有提供你的CSS。但是我假设你没有任何东西会导致div被覆盖。即使你这样做了，这也不是一个好的尝试，因为你正在重新发明轮子。既然您将其标记为jQuery，也许您会对jQuery的UI感兴趣。大多数客户端UI框架都有弹出窗口。我查看了jQuery，但这在IE7上不起作用。不幸的是，我的许多客户仍然使用它。我发现上面的代码也适用于平板电脑和PC。转到服务器的想法是因为代码是由用户单击gridview触发的，因此存在变量。jQuery1.x确实很好地支持IE6+，而jQueryUI可以在jQuery1.x上运行。正如我所说的，你应该考虑在客户端上运行的不完全需要服务器端交互的交互应该完全在客户端实现。这对用户来说速度更快，节省了服务器资源，减少了网络流量，这对双方都有好处。无论您是否完全在客户端完成，您都需要使用jQueryUI、Bootstrap、Ajax控件工具包、Lightbox等工具来创建对话框。滚动自己的将是一个糟糕的实现

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>


    <link rel="stylesheet" type="text/css" media="all" href="css/Annunciator.css" />
</head>
<body>
    <form id="form1" runat="server">


    <asp:Button ID="btnPopUp" runat="server" Text="Show Image and Pop Up " />

           <br />
    <br />
    Test test<div id="AnnunciatorContainer" runat="server"></div>


    </form>
</body>
</html>

Partial Class _Default
    Inherits System.Web.UI.Page

    Public Sub ShowAnnouncement(ByVal title As String, ByVal message As String, Optional ByVal image As String = "")

        'Need to have Announcements as a variable 
        'Need to show a photo as well

        title = Trim(title.Replace("<p>", "").Replace("</p>", "").Replace("&nbsp;", " "))
        message = Trim(message.Replace("<p>", "").Replace("</p>", "").Replace("&nbsp;", " "))
        image = Trim(image.Replace("<p>", "").Replace("</p>", "").Replace("&nbsp;", " "))

        If image <> "" Then image = "<img src=""" & image & """ class=""Image"" />"

        Dim data As String = "<div id=""Annunciator""><div class=""Box""><h1>" & title & "</h1><div class=""Content""><p>" & image & message.Replace(Environment.NewLine, "</p><p>") & "</p></div><a href=""?"" title=""Please Continue, I confirm that I have read this announcement"">Click To Close</a></div></div>"

        AnnunciatorContainer.InnerHtml = data

    End Sub

    Protected Sub btnPopUp_Click(sender As Object, e As System.EventArgs) Handles btnPopUp.Click

        Dim vSubjectTitle As String = "Top Title"
        Dim vMainText As String = "Test message"
        Dim vImageURL As String = "Img/Show/Dock.jpg"

        ShowAnnouncement(vSubjectTitle, vMainText, vImageURL) ' show it

    End Sub

End Class