Как работает баннер GMail "Загрузка ..."?

Question

Я пытаюсь воспроизвести функцию GMail в моем собственном приложении.

При смене папок в GMail дисплей останется на экране, а в верхней части сайта появится небольшой загрузочный баннер.
Это желательно, так как это предотвращает появление белого экрана и нарушает рабочий процесс пользователей при обратной передаче.

Я пытался разобрать это, используя Firebug, и чувствую, что подхожу близко.
Сайт GMail состоит из 100% размера Iframe, который содержит весь интерфейс. После этого фрейма находится div, который содержит загрузочный баннер. DIV невидим и находится за Iframe.

Какой скрипт выполняется, который перемещает баннер перед Iframe?

Спасибо,

Мартин Вибо

Answer 1

GMail построен полностью с использованием AJAX ; регулярных обратных передач вообще нет.

Создает <div> перед отправкой AJAX-запроса с запросом содержимого папки, а затем скрывает <div> при получении ответа.

Вы можете легко скопировать его, используя jQuery .

Answer 2

Вы можете выполнить то, что вы пытаетесь сделать, с помощью AJAX и обработчика обратного вызова.На посте AJAX вы сделаете загрузочный div видимым.При успешной обратной передаче вы ее спрячете.