Блог

Я не уверен, является ли это ошибкой или так и должно быть…

Я использую загрузчик AJAX в верхней части моей страницы, потому что на странице есть несколько больших файлов, и я хочу, чтобы пользователь знал, когда страница завершит загрузку. Я тестировал это в основных браузерах, и только opera вообще показывает загрузчик. Остальное он никогда не показывает, но я могу сказать, что загрузка содержимого еще не завершена. Почему этот загрузчик не отображается?

Код:

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>
 

Используйте событие onload окна (срабатывает, когда все ресурсы завершили загрузку), в противном случае загрузчик будет скрыт, как только скрипт будет проанализирован.

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