0

когда страница готова все просто: $(document).ready(); а если мне нужно узнать когда страница не готова?

Я хочу сделать: когда уже страница загружена(!) при нажатии ссылки выдавать гифку загрузки. Мне нужно узнать когда страница еще не изменилась, но загрузка другой пошла...

Всем ссылкам делать событие думаю глупо...

1
  • Сделайте событие для body которое начинает крутить спиннер.
    – ReinRaus
    Commented 14 апр. 2013 в 9:58

1 ответ 1

2

Не совсем понятно, что вы хотите сделать.

Узнать, когда текущая страница начала выгружаться можно с помощью события window.onunload. Однако как только начнется загрузка следующей страницы, бразуер уничтожит предыдущую вместе со всеми значками, элементами и кодом и ваш значёк загрузки пропадёт. Фактически, таким способом вы отобразите его на долю секунды.

Чтобы реализовать то, что вы хотите, вам необходимо загружать страницы с помощью AJAX не уничтожая текущую страницу. Если вы загружаете страницы по ссылкам с помощью AJAX (т.е. JavaScript запросом), то можно сделать следующее.

  1. Пользователь нажимает ссылку, вызывается ваш JavaScript-обработчик этого события.
  2. Вы показываете значёк загрузки, затем начинаете саму загрузку с помощью AJAX (конкретно в jQuery — $.get, $.post, $.ajax и тому подобное).
  3. По завершении загрузки в функции-обработчике вы, кроме всего прочего, убираете значёк загрузки и заменяете старое содержмое страницы вновь полученным.

Костыль, но лучше пока ничего реализовать не получится.

3
  • Да, мне и нужно на ту долю секунды! Я тут немного експерементирую и мне видимо надо именно window.onunload
    – Mike
    Commented 14 апр. 2013 в 18:14
  • и где можно почитать о window.onunload? Если есть ссылку. буду очень благодарен
    – Mike
    Commented 14 апр. 2013 в 18:17
  • 1
    @myvzar, например, вот. Сущесвтует так же событие window.onbeforeunload, но оно не гарантировано кросс-браузерное.
    – khaos
    Commented 14 апр. 2013 в 22:07

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.