У меня есть веб-сайт с меню при щелчке пункта меню. Я показываю страницу для этого меню в iframe (iframe установлен для отображения исходной страницы по умолчанию). иногда может потребоваться несколько секунд, чтобы отобразить страницу для выбранного пункта меню (например, отчеты), и я хотел бы отображать загрузочный образ во время загрузки страницы. как это сделать, используя javascript или jQuery (пример кода будет полезен)? заранее спасибо.показ изображения при загрузке страницы в iframe
ответ
Добавить загружаемое изображение в iframe innerHTML (или в div и остановить использование iframe), а затем использовать ajax для получения нового содержимого страницы, при успешном завершении iframe innerHTML становится содержимым, полученным ajax witch, перезаписывающим загрузочное изображение. легко настроить, но я рекомендую вам прекратить использование iframes
Напишите функцию, чтобы показать изображение и вызвать его, когда вы устанавливаете iframe src. при загрузке страницы вызова внутри загруженной страницы функции, чтобы скрыть изображение (parent.HideImage
) Я думаю, что OnLoad событие IFRAME не поддерживается во всех браузерах
Обычно вы не можете знать, когда страница завершения загрузки в IFrame. Загрузка iframe является независимой. Что вы можете сделать, так это получить содержимое страницы, которое у вас есть в iframe через запрос get ajax, и таким образом сделать анимацию, пока вы ждете контента.
- 1. показ сообщения при загрузке изображения
- 2. показ страницы в iframe
- 3. Как предотвратить показ элементов страницы при загрузке страницы
- 4. iFrame Черный ящик при загрузке?
- 5. Оптимизация изображения при загрузке страницы
- 6. Дисплей Загрузка GIF при загрузке страницы - iframe?
- 7. Печать страницы автоматически открывается при загрузке iframe
- 8. Показать DIV только при загрузке страницы iframe
- 9. Как создать эффект поворота страницы при загрузке страницы в Iframe
- 10. Angularjs- показ скелета при загрузке данных
- 11. Отображение временного изображения при загрузке страницы
- 12. Android: отображение временного изображения при загрузке страницы
- 13. Не загружайте определенные изображения при загрузке страницы
- 14. Загрузить изображения при загрузке страницы, CSS
- 15. Размер изображения сдвигается при загрузке страницы
- 16. CSS Анимация Загрузка изображения при загрузке страницы
- 17. Wordpress: размытые изображения при первой загрузке страницы
- 18. addEventListener обжига при загрузке страницы
- 19. Возможно ли запустить fancybox iframe при загрузке страницы?
- 20. blackberry webworks: сбой при загрузке локальной страницы в iframe
- 21. Facebook iframe не входит в топ при загрузке новой страницы
- 22. Событие срабатывания при загрузке iframe
- 23. Предотвращение перезагрузки iframe/section при повторной загрузке всей страницы
- 24. Javascript: печать содержимого iframe при загрузке страницы не работает
- 25. Как изменить размер модального iframe при загрузке новой страницы?
- 26. Iframe Прокрутка вверх страницы при загрузке с вкладками
- 27. iFrame не загружается при загрузке страницы (jQuery Mobile)
- 28. Как предотвратить прокрутку страницы до iframe при загрузке?
- 29. JQuery прыгает в iframe при загрузке
- 30. Выполнение javascript при загрузке iframe
спасибо за ответ, но как можно загрузить страницу в div без использования iframe? в чем причина не использовать iframes? – RKP
вы можете загрузить страницу в div, как объяснено в моем ответе (просто используйте div вместо iframe), причина, по которой я говорю, что не использовать iframe, заключается в том, что фактическая загруженная страница немного меньше, поскольку вам не нужно включать все элемент html css/js/
и т. д., только содержимое содержит тело html, оно имеет ограничения certan, например, вы хотите загрузить страницу с сайта, которому вы не владеете ... поэтому вы не можете сделать необходимые изменения для загрузки меньшего содержимого, а затем использовать iframe couse, вам нужен дополнительный css/js. просто личный preff не работать с iframes –