Как создать предварительный загрузчик страницы для php-страницы?

Question

Я хочу включить предварительный загрузчик страниц для всех страниц моего приложения. Что-то вроде того, что Gmail отображает при загрузке всей страницы в фоновом режиме. Я не хочу, чтобы панель предварительного кодирования только механизм отображал сразу сообщение предварительной загрузки, пока отображается вся страница в фоновом режиме и при успешной загрузке.

Возьмите, например, сайт: http://www.emirates.com/ae/english/ просто запустите поиск любого рейса - вы увидите предзагрузочное сообщение, после которого загружается страница. Я не вижу никаких переадресаций здесь.

Как это реализовать - мой сайт построен с использованием php и т javascript.

Answer 1

Я бы использовал элемент DIV обертки для всего содержимого вашего < органа > и спрятал его через CSS visibility. Работала с javascript, и в конце я бы отобразил элемент DIV. Прелоадер будет абсолютно расположен и закрыт, когда будет отображаться элемент DIV.

Видимость свойство имеет то преимущество, что макет будет готов, когда вы измените его дорожить видно (не как с собственностью display)

EDIT: Я думаю, что почти всегда можно избежать пре- погрузчики. Вы можете ускорить выполнение запросов sql по индексам. Отображать меньше результатов и так далее. Мне лично не нравится ждать, и предварительный загрузчик меня не очень устраивает.

Answer 2

Ваш HTML выписывает сообщение перед загрузкой, и затем вы настраиваете событие onload javascript. Это событие вызывает JavaScript-код для загрузки любых данных, которые вам нужны через AJAX, а затем, наконец, скрывает загружаемое сообщение и показывает фактическую страницу.

Конечно, это означает, что люди, у которых нет JavaScript, будут иметь проблемы - вам нужно что-то отнести к ним или решить, что вы можете жить без них.

ADD: О, и вы можете проверить законы об инвалидности в своей стране, прежде чем принимать решение о том, что вы можете жить без них - вы можете иметь юридическую ответственность за то, чтобы сделать ваш сайт доступным для инвалидов. Я использовал эту технику только на сайтах, которые полагаются на JS так сильно, что они не могут работать без нее. Примечание. GMail имеет 2 интерфейса - один JS и один простой HTML. Таким образом, они делают доступными свои услуги.

ADD: http://code.google.com/p/bobchess/ - это код, который я сделал, который делает это. Сообщение загрузки, а затем событие onload для запуска приложения.

Answer 3

Я согласен с MartyIX, но проблема в количестве запросов, которые может обрабатывать ваша система, индексирование является опцией, но зависит от объема транзакций на ваших серверах. Я действительно думаю, что мы пропустили все это, несмотря на то, что pre-loaders мы хотели украсить сайт, поэтому клиенты не видят уродливую пустую страницу, пока они ждут :)