AJAXローダーが表示されませんか？

Question

これがエラーであるかどうかわからない場合...

ページにはいくつかの大きなファイルがあり、ユーザーに知りたいと思うので、私のページの上部にAJAXローダーを使用していますページのロードが完了すると私はこれを主要なブラウザでテストしており、オペラだけがローダーを表示しています。残りの部分はまだ表示されませんが、コンテンツの読み込みが完了していないと判断できます。なぜこのローダーは表示されませんか？

コード：

HTML（これはページの最初の項目である）

<div id="loading"> 
    <h2 class="textcenter"><span style="font-family:'Comic Sans MS', cursive;">LOADING</span><img class="center" style="width:128px" src="/messages4u/2011/images/preloader.gif" width="128" height="128" alt="Pre-Loader Animation" /></h2> 
    </div> 

JS

<script type="text/javascript"> 
document.getElementById("loading").style.display = "none"; 
</script> 

Answer 1

（これは、ページ上の最後の要素です）

ウィンドウのonload-eventを使用します（すべてのリソースのロードが完了すると起動します）。そうしないと、ローダーはスクリプトが解析されるとすぐに隠されます。

<script type="text/javascript"> 
window.onload=function() 
{ 
document.getElementById("loading").style.display = "none"; 
} 
</script>