jQuery / JavaScript «Пожалуйста, подождите» окно во время загрузки страницы? - PullRequest
0 голосов
/ 02 ноября 2011

У меня есть две отдельные страницы, которые на самом деле нуждаются в одной и той же функции, поэтому я объединю их в один вопрос.

Функция, которая мне нужна, это модальное окно, пока страница загружается, но другаядля этих двух страниц это должно появиться это модальное окно с ожидающим текстом.

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

PageB - это форма.Страница загружается быстро, но когда пользователь нажимает кнопку «Отправить», код выполняет с данными разные действия, поэтому это может занять некоторое время, и здесь я хотел бы, чтобы при нажатии кнопки «Отправить» появлялся знак ожидания модального JavaScriptЯ занимаюсь сбором, проверкой, проверкой и вставкой на одной и той же странице, PageB, поэтому я не переключаюсь между двумя страницами.

Я исследовал Google и разные страницы jQuery / JavaScript дляРешение, но я боролся с тем, чтобы он работал на обоих типах страниц, если это возможно, или иным образом создавал две функции по одной для каждой страницы.
Я также искал stackoverflow, но вопрос, который несколько похожэто не совсем то, что я ищу, или я просто не достаточно хорошо понимаю решения.

Буду очень признателен за любую помощь, предложение или подсказку.

Искренний
- Местика

Ответы [ 2 ]

1 голос
/ 02 ноября 2011

Посмотрите на диалоговое окно jQuery UI - в нем есть все, что вам нужно ...

http://jqueryui.com/demos/dialog/

Для pageA вызовите функцию в теге <script> в верхней частистраницы и закройте ее в функции $(document).ready()

Для pageB вызовите функцию при отправке формы и закройте ее после завершения обработки ...

0 голосов
/ 02 ноября 2011

Для страницы A создайте обычный элемент HTML (и CSS), чтобы отобразить индикатор загрузки, а затем скройте его в Javascript после завершения загрузки страницы.

Чтобы страница работала, если Javascript отключен, добавьте элемент с помощью Javascript в начале <body>.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...