Отображение (javascript) всплывающего окна во время загрузки страницы

Question

Я пытался найти простое решение для моей проблемы, но не могу.У меня есть страница с предложением while php, которое создает HTML-таблицу, и это занимает некоторое время, чтобы закончить.Я просто хочу, чтобы всплывающее окно отображалось, когда пользователь заходит на страницу (при загрузке) и говорит что-то простое: «Загрузка страницы ... Пожалуйста, подождите».Можно ли это сделать с помощью библиотеки JavaScript?(возможно, исключительно с JS?) Каждое решение, которое я нашел, мешает с div, классами и т. д., и я нахожу его немного сложным, потому что мой код в настоящий момент неструктурирован.Спасибо.

Answer 1

Ну, пока ваша страница не будет полностью загружена, вы можете использовать iframe поверх оригинального фрейма.Основная идея состоит в том, чтобы загрузить фрейм, содержащий ваше загрузочное изображение, а затем после полной загрузки DOM использовать обработчик скажем .ready, чтобы удалить фрейм и вставить iframe.

Answer 2

Что касается JS для создания "всплывающего окна", которое мне понравилось SimpleModal .

Но, что более важно, похоже, что вы, вероятно, хотите уйти от долгой загрузкитаблица встраивается.Вместо этого визуализируйте на странице все, кроме таблицы, и отобразите индикатор «Загрузка ...».Затем сделайте AJAX-запрос для таблицы.В зависимости от ваших предпочтений, вызов AJAX может вернуть таблицу со всем HTML, или вы можете просто получить данные в формате JSON и построить таблицу на стороне клиента.Это был бы очень типичный подход для такого рода проблем.

Answer 3

Наборы инструментов JavaScript просто автоматизируют работу с DOM, которую вы хотите избежать.Вот как они работают.JavaScript просто сценарий DOM для такого рода сценариев.

Что вы можете сделать, это найти дешевый образец вырезать и вставить, который показывает, как сделать большой блок CSS, который займет большую часть экрана реальноимущество ни на что.Возможно что-то с непрозрачной областью вокруг стороны.Вы помещаете этот контент сразу после тега <body/> и можете написать несколько строк JavaScript, которые в событии ready для окна просто удаляют это поле.

Что касается модальных диалогов JavaScript, которые будутдля вас будет проблемой то, что у большинства из них будут проблемы, когда DOM не завершит инициализацию (поэтому почти все сэмплы jQuery и Ext находятся в каком-то onReady обработчике событий).

Answer 4

Вы можете загрузить исходную веб-страницу (таблицу HTML) в скрытом iframe и получить сообщение о загрузке на странице.Затем используйте атрибут onload, чтобы скрыть загрузочное сообщение и отобразить iframe.

Редактировать: в похожей заметке вы могли бы иметь пустой элемент от края до края, охватывающий содержимое страницы иодин из многочисленных альтернативных вариантов оповещения (например, jQuery ).Затем, используя body onload, удалите пустой элемент и предупредите;или замените предупреждение новым, уведомляющим о завершении загрузки;и т.д.