Eugene в рубрику JavaScript

Вопрос: Пока iframe грузится развлекать пользователя гифкой

У меня есть два iframe. В каждом из них выполняется довольно тяжеловесный PHP скрипт, который до своей полной загрузки, вообще насмерть отказывается показывать HTML. Т.е. пока в каждом из iframe кипит жизнь, пользователю, вместо них, показываются белые квадраты. Естественно это не есть гуд, т.к. скрипт может выполнятся довольно долгое время, а мне бы, пока страница грузится, хотелось бы развлекать пользователя анимированной гифкой.

Собственно вопрос : как пока iframe грузится показывать пользователю анимированную гифку. Естественно после загрузки страницы гифка должна исчезать.

P.S. Писать какой либо JS или CSS код внутри фрэйма вообще не вариант, поскольку, как я уже говорил, скрипт вообще отказывается показывать html до полной своей загрузки, => кодить надо в странице которая непосредственно и содержит эти iframe.

P.P.S id первого iframe - Left, второго - Right

Задайте свой вопрос

Если у вас есть вопрос по разработке или дизайну сайтов, вы можете задать его на Временно.нет и тысячи наших читателей помогут вам найти на него ответ.

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 5

KELiON
А почему код не имеет смысла писать? Что если выводить в iframe с gif-анимацией, а на onload повесить функцию, которая аяксом запросит выполняемый php-скрипт, а при его загрузке полностью заменить содержимое фрейма.
#
KELiON
Grin
Можно повесить событие load() на iframe, а пока оно не сработало, сделать iframe visibility: hidden и сверху накрыть дивом, в котором уже выводить все, что угодно.
Grin
Ну как, получилось?
Eugene
Да, спасибо Grin. Все получилось.
#
Eugene
Вано
А почему вообще не сделать все на аяксе? Если подключить мутулз, то это вообще строк 6 кода выйдет.
#
Вано

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler