Как работает баннер «Loading ...»?

Question

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

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

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

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

Спасибо,

Martin Wiboe

Answer 1

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

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

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

Answer 2

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