Call javascript method on every server side call start and finish(Generic Progress Indicator)

By dotnet786

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);function EndRequestHandler(sender, args){     var PopUp = $find(‘BGenericIndicatorPopUp’);     PopUp.hide();     document.getElementById(‘testdiv’).style.display = “none”

}

————-

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandler); function beginRequestHandler(sender, args){                        var StatusMessage = document.getElementById(‘<%=labelMessage.ClientID %>’);             document.getElementById(‘testdiv’).style.display = “”;                         var PopUp = $find(‘BGenericIndicatorPopUp’);            if(PopUp != null)                  {                          PopUp.show();                          StatusMessage.innerHTML =“Please wait…”;                  }              else                  {                      alert(‘Modal Pop Up not Found’);                  } 

}

   <ajaxToolkit:ModalPopupExtender ID=”GenericIndicatorPopUp” BehaviorID= “BGenericIndicatorPopUp”  runat=”server” TargetControlID=”HiddenButtonGenericIndicator”        PopupControlID=”panelGenericIndicator” Drag=”true”         X=”800″ Y=”90″ /> 

————————————

 <asp:Panel ID=”panelGenericIndicator” runat=”server” BackColor=”Transparent” Height=”135px” Width=”231px”>        <div id=”testdiv” style=”width: 156px; height: 70px”>                    <asp:Image ID=”imageProgress” runat=”server” Height=”21px” ImageUrl=”~/Lab/Lab_Images/ajax-loader.gif”                        Width=”148px” /><br />                    <div style=”padding-left: 50px; width: 136px; height: 19px”>                        <asp:Label ID=”labelMessage” runat=”server”></asp:Label></div>        </div>                </asp:Panel> ———————————-<div id=”DIV1″ style=”width: 576px; display: none; visibility: hidden;”>     <asp:Button ID=”HiddenButtonGenericIndicator” runat=”server” Text=”hiddenbuttonGenericPopUp” /></div>

 

Leave a Reply