Отображение пульсатора во время загрузки и рендеринга HTML-страницы

У меня есть страница, которая отображается медленно. Путешествие по сети быстро. Начальная загрузка страницы происходит быстро. На самом деле вы можете увидеть (если ваша машина достаточно медленная) начальную компоновку html-компонентов. Затем запускается какой-то javascript, что делает некоторые из этих компонентов ajaxy. Затем, наконец, CSS применяется.

Я ничего не могу сделать с JavaScript, который замедляет все для сканирования. Поэтому мне нужен троббер, чтобы сказать пользователю, чтобы он держался, браузер работает. Есть ли способ отловить в браузере сделанное рендерингом события? Есть ли такое событие? Есть ли другой способ сделать это?

10.12.2008 19:40:10
Возможно, вы захотите сделать проверку возраста, прежде чем вы начнете показывать свой «пульсатор» в сети.
Echostorm 10.12.2008 20:08:03
Сначала я был взволнован, но потом разочарован и смущен.
user1228 10.12.2008 20:13:28
3 ОТВЕТА
РЕШЕНИЕ

Показать троббер до запуска кода и скрыть его после.

Использование JQuery:

$("#throbber").show();
/* Your AJAX calls */
$("#throbber").hide();
2
6.01.2009 18:58:30

Проверьте, готов ли DOM, прежде чем вызывать все ваши Ajax-файлы.

используя Prototype :

document.observe("dom:loaded", function() {
  //your code
});

используя jQuery :

$(document).ready(function() {
      //your code
});
2
10.12.2008 19:47:25
Хорошо, это нормально для показа пульсатора, но я не могу понять, как перестать показывать пульсатор.
Jim Barrows 10.12.2008 23:30:33
Как только ваш код завершит загрузку дополнительных ресурсов, спрячьте пульсатор.
Ryan Doherty 6.01.2009 19:43:25

Посмотрите на: http://plugins.jquery.com/project/throbber

0
13.11.2010 23:40:16