ローダーがHTMLで表示されない

Question

私はAJAXファイルを持っています。ここでは、コンテンツがロードされている間にローダーイメージを表示しています。しかし、テキストが表示されても、表示されていないので、何かが間違っているようです！

私のコードは次のとおりです。

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...'; 
    } 
} 

画像ファイルはWebルートからの相対でURLを使用するJavaScriptのファイルと同じディレクトリに

Answer 1

です。あなたが作品を持って何

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

Answer 2

- しかし私は、画像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...'; 
    } 
};