suneel kumar gupta Ответов: 0

Мигайте свернутой веб-страницей, как в чате gmail, когда получено новое сообщение


мигайте свернутой веб-страницей, как в чате gmail, когда получено новое сообщение. Я показываю всплывающее окно модели ajax из функции jquery. я хочу, чтобы если браузер свернут, то пользователь получает уведомление, мигая свернутым браузером.

Что я уже пробовал:

<asp:LinkButton ID="lnkFake" runat="server" />
                       <asp:ModalPopupExtender ID="mpeTimeout" BehaviorID="mpeTimeout" runat="server" PopupControlID="pnlPopup"
                           TargetControlID="lnkFake" OkControlID="btnYes"  BackgroundCssClass="modalBackground"
                           OnOkScript="ResetSession()">
                       </asp:ModalPopupExtender>
                       <asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" Style="display: none">
                           <div class="header">
                               Session Expiring!
                           </div>
                           <div class="body">
                               Your Session will expire in <span id="seconds"></span> seconds.<br />
                               Do you want to reset?
                           </div>
                           <div class="btnSection" align="right">
                               <asp:Button ID="btnYes" runat="server" Text="OK" CssClass="yes" />
                              <%-- <asp:Button ID="btnNo" runat="server" Text="No" CssClass="no" />--%>
                           </div>
                       </asp:Panel>




<script type="text/javascript">
                            var myTimer;
                            var myTimer2;
                            var myTimer3;
                            function SessionExpireAlert(timeout) {
                               
                                var seconds = timeout / 1000;
                               // document.getElementsByName("secondsIdle").innerHTML = seconds;
                                document.getElementsByName("seconds").innerHTML = seconds;
                                myTimer = setInterval(function () {
                                    seconds--;
                                    document.getElementById("seconds").innerHTML = seconds;
                                 //   document.getElementById("secondsIdle").innerHTML = seconds;
                                }, 1000);
                                myTimer2=setTimeout(function () {
                                    //Show Popup before 20 seconds of timeout.
                                   // alert('hi');
                              
                                    $find("mpeTimeout").show();
                                }, timeout - 60 * 1000);
                                myTimer3 = setTimeout(function () {
                                    //alert(" Your Session has expired.");
                                    window.location = '<%=ResolveUrl("~/CRM/Login.aspx") %>';
                                   // window.location = "Expired.aspx";
                                }, timeout);
                            };
                            function ResetSession() {
                                //Redirect to refresh Session.
                                //window.location = window.location.href;
                                $.ajax({
                                    type: "POST",
                                    contentType: "application/json; charset=utf-8",
                                    url: '<%=ResolveUrl("~/CRM/Login.aspx/ResetSession") %>',
                                    dataType: "json",
                                    success: function (data) {
                                        clearInterval(myTimer);
                                        clearInterval(myTimer2);
                                        clearInterval(myTimer3);
                                        SessionExpireAlert(data.d);
                                    },
                                    error: function (result) {
                                        alert("Error");
                                    }
                                });
                            }
                        </script>

0 Ответов