加载程序未显示在HTML中

我有一个AJAX文件，我正在使用加载程序图像在内容加载时显示它。但它似乎有什么不对，因为它没有被显示，虽然文本显示！加载程序未显示在HTML中

我的代码是：

http.onreadystatechange = function() { 
    if(http.readyState == 4) { 
     //document.getElementById("showBusStatus"+bus_id).innerHTML = http.responseText; 
     document.getElementById("showBusStatus").style.color = '#999;'; 
     //document.getElementById("showBusStatus").style.input.width = '60px;'; 
     document.getElementById("showBusStatus").innerHTML = http.responseText; 
    } 
    else { 
     document.getElementById("showBusStatus").innerHTML = '<img src="ajax-loader.gif"> Loading Content...'; 
    } 
}

的图像文件在同一目录中的JavaScript文件

来源

2012-02-13 AssamGuy

你为什么不使用jquery？它会让你的工作更容易，你的问题会更容易解决。 – 2012-02-13 09:25:01

尝试在最后使用'/>'关闭''标签 - 并检查图像路径是否正确。有没有JavaScript错误？ – ManseUK 2012-02-13 09:27:55

你确定，图像位于你设置图像src的地方... – 2012-02-13 09:39:17

使用URL，它是相对于Web根目录。

<img src="/css/images/ajax-loader.gif" />

来源

2012-02-13 10:57:19 Ohgodwhy

你有什么作品 - 但我怀疑图片src未正确指定...看到它工作正常使用你的代码，并在网络上发现了一个加载图片的例子jsfiddle。

的JavaScript：

http.onreadystatechange = function() { 
    if (http.readyState == 4) { 
     document.getElementById("showBusStatus").style.color = '#999;'; 
     document.getElementById("showBusStatus").innerHTML = "Load complete"; 
    } 
    else { 
     document.getElementById("showBusStatus").innerHTML = '<img src="http://drupal.org/files/54640843-ajax-style-loading-gif-animation.gif" /> Loading Content...'; 
    } 
};

来源

2012-02-13 11:10:47 ManseUK

加载程序未显示在HTML中

回答

相关问题