图像未跨度显示

Question

Here is my span in html

 <span id="spProgress" runat="server"></span>

Now i have 2 javascript functions, one to display a loading indicator

  function DisablePage()
{
     document.getElementById('<%= spProgress.ClientID %>').innerHTML="<img src='Images/updateProgress.gif' />";
} 

Another function to hide it.

function EnablePage()
{
    document.getElementById('<%= spProgress.ClientID %>').innerHTML='';
}

When i click a button it works perfectly fine on local system.But when i put it on production server the image is not displayed.I have checked the image url but its perfectly fine. The surprising thing is that when i click on the button it does'nt display but if i download a file from my web application, then after that the image starts displaying properly.

Here is my client script code for download

function hidePage()
{
    eraseCookie("DStatus");
    EnableMe();
}
function EnableMe()
{      
    var hddCdrDownloadRecordsLimit='<%=this.hddCdrDownloadRecordsLimit.ClientID %>';
    var hddTotalCount='<%=this.hddTotalCount.ClientID %>';

  if((document.getElementById(hddCdrDownloadRecordsLimit).value) < (document.getElementById(hddTotalCount).value))
    {
        DisablePage();
        document.getElementById('<%=this.btnSearch.ClientID %>').disabled=true;
    } 
    else 
    {
       DisablePage();
    } 
var downLoadStatus = readCookie("DStatus");
if (downLoadStatus == "Completed")
{
    EnablePage();
    document.getElementById('<%=this.btnSearch.ClientID %>').disabled=false;
}
else
{
 setTimeout("EnableMe()", 6000);
}

}

Answer 1

You should try to load image at page load, putting your image tag inside span and just work with "show" or "hide" that element.

<span id="spProgress" runat="server" style="display:none;"><img src='Images/updateProgress.gif' /></span>

Create a function that changes the style of span element to show (display:block) or hide (display:none).

Hope that help.

Answer 2

have you check that the html is being appended into the span? I would use CHrome or firebug to inspect the element and then click on the open url in new tab to see the full url it is using for the image. It could be that it has the wrong directory online and you need to but ./Images first etc