2010-11-26 5 views
1

У меня есть веб-сайт с меню при щелчке пункта меню. Я показываю страницу для этого меню в iframe (iframe установлен для отображения исходной страницы по умолчанию). иногда может потребоваться несколько секунд, чтобы отобразить страницу для выбранного пункта меню (например, отчеты), и я хотел бы отображать загрузочный образ во время загрузки страницы. как это сделать, используя javascript или jQuery (пример кода будет полезен)? заранее спасибо.показ изображения при загрузке страницы в iframe

ответ

2

Добавить загружаемое изображение в iframe innerHTML (или в div и остановить использование iframe), а затем использовать ajax для получения нового содержимого страницы, при успешном завершении iframe innerHTML становится содержимым, полученным ajax witch, перезаписывающим загрузочное изображение. легко настроить, но я рекомендую вам прекратить использование iframes

+0

спасибо за ответ, но как можно загрузить страницу в div без использования iframe? в чем причина не использовать iframes? – RKP

+0

вы можете загрузить страницу в div, как объяснено в моем ответе (просто используйте div вместо iframe), причина, по которой я говорю, что не использовать iframe, заключается в том, что фактическая загруженная страница немного меньше, поскольку вам не нужно включать все элемент html css/js/ и т. д., только содержимое содержит тело html, оно имеет ограничения certan, например, вы хотите загрузить страницу с сайта, которому вы не владеете ... поэтому вы не можете сделать необходимые изменения для загрузки меньшего содержимого, а затем использовать iframe couse, вам нужен дополнительный css/js. просто личный preff не работать с iframes –

0

Напишите функцию, чтобы показать изображение и вызвать его, когда вы устанавливаете iframe src. при загрузке страницы вызова внутри загруженной страницы функции, чтобы скрыть изображение (parent.HideImage) Я думаю, что OnLoad событие IFRAME не поддерживается во всех браузерах

1

Обычно вы не можете знать, когда страница завершения загрузки в IFrame. Загрузка iframe является независимой. Что вы можете сделать, так это получить содержимое страницы, которое у вас есть в iframe через запрос get ajax, и таким образом сделать анимацию, пока вы ждете контента.

Смежные вопросы