Nel

Nel

  • NA
  • 716
  • 1m

Popup window to appear on an event

Oct 8 2014 2:30 PM

Hi,

I am trying to make a popup window to appear in my web form when a threshold is exceeded I tried with this code, but this is activated on button click, not when some event like in my case occurs Also it uses AJAX Can anybody refer me please to an example which would help me how to make a custom popup window to appear when an event happens?

Here is the code for the popup I found

<head runat="server">
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css"
    rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $("[id*=btnPopup]").live("click", function () {
        $("#dialog").dialog({
           // title: "jQuery Dialog Popup",
            buttons: {
                Close: function () {
                    $(this).dialog('close');
                }
            }
        });
        return false;
    });
</script>


</head>
<body>
    <form id="form1" runat="server">
   <%-- <div>--%>
    <div id="dialog" style="display: none">
    This is a simple popup
</div>
    <%--</div>--%>
        <asp:Button ID="btnPopup" runat="server" Text="Show Popup" />
    </form>
</body>

Thanks


Answers (1)