Hi,
I am using the following code to display the Ajax Loading image. When I do for the first time everything seems to be working. For the second time I am getting this error.
<script language="javascript" type="text/javascript">
var currentLoadingPanel = null;
var currentUpdatedControl = null;
function RequestStart(sender, args)
{
alert('hi');
LoadingPanel1='<%=image.ClientID %>'
currentLoadingPanel = document.getElementById(LoadingPanel1);
currentLoadingPanel.style.display="block";
}
function ResponseEnd()
{
//hide the loading panel and clean up the global variables
if (currentLoadingPanel != null)
currentLoadingPanel.style.display="none";
currentUpdatedControl = null;
currentLoadingPanel = null;
}
</script>
<rad:RadAjaxManager id="RadAjaxManager1" runat="server">
<AjaxSettings>
<rad:AjaxSetting AjaxControlID="btnSearch">
<UpdatedControls>
<rad:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="LoadingPanel1"></rad:AjaxUpdatedControl>
</UpdatedControls>
</rad:AjaxSetting>
</AjaxSettings>
<ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />
</rad:RadAjaxManager>
<rad:AjaxLoadingPanel id="LoadingPanel1" Runat="server">
<asp:Image id="Image1" runat="server" ImageUrl="~/Images/loading4.gif" BorderWidth="0px" AlternateText="Loading"></asp:Image>
</rad:AjaxLoadingPanel>
<div id="image" runat="server" style="display:none">
<asp:Image id="Image2" runat="server" ImageUrl="~/RadControls/Ajax/Skins/Default/loading4.gif" BorderWidth="0px" AlternateText="Loading"></asp:Image>
</div>
<asp:Panel ID="Panel1" runat="server" width="100%">
<!--Dropdown list, textbox here -->
<asp:Button runat="server" Text="Search" ID="btnSearch" OnClick="btnSearch_Click" />
<!-- My RADGrid here -->
</asp:Panel>
I am using the following code to display the Ajax Loading image. When I do for the first time everything seems to be working. For the second time I am getting this error.
<script language="javascript" type="text/javascript">
var currentLoadingPanel = null;
var currentUpdatedControl = null;
function RequestStart(sender, args)
{
alert('hi');
LoadingPanel1='<%=image.ClientID %>'
currentLoadingPanel = document.getElementById(LoadingPanel1);
currentLoadingPanel.style.display="block";
}
function ResponseEnd()
{
//hide the loading panel and clean up the global variables
if (currentLoadingPanel != null)
currentLoadingPanel.style.display="none";
currentUpdatedControl = null;
currentLoadingPanel = null;
}
</script>
<rad:RadAjaxManager id="RadAjaxManager1" runat="server">
<AjaxSettings>
<rad:AjaxSetting AjaxControlID="btnSearch">
<UpdatedControls>
<rad:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="LoadingPanel1"></rad:AjaxUpdatedControl>
</UpdatedControls>
</rad:AjaxSetting>
</AjaxSettings>
<ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />
</rad:RadAjaxManager>
<rad:AjaxLoadingPanel id="LoadingPanel1" Runat="server">
<asp:Image id="Image1" runat="server" ImageUrl="~/Images/loading4.gif" BorderWidth="0px" AlternateText="Loading"></asp:Image>
</rad:AjaxLoadingPanel>
<div id="image" runat="server" style="display:none">
<asp:Image id="Image2" runat="server" ImageUrl="~/RadControls/Ajax/Skins/Default/loading4.gif" BorderWidth="0px" AlternateText="Loading"></asp:Image>
</div>
<asp:Panel ID="Panel1" runat="server" width="100%">
<!--Dropdown list, textbox here -->
<asp:Button runat="server" Text="Search" ID="btnSearch" OnClick="btnSearch_Click" />
<!-- My RADGrid here -->
</asp:Panel>