Отображать iframe в сообщении jquery BlockUI?

У меня есть страница, на которой, когда пользователь нажимает «Готово», в фоновом режиме вызываются несколько методов веб-службы, а затем, когда все успешно завершено, окно закрывается. Прямо сейчас я использую плагин Jquery BlockUI для отображения сообщения «Пожалуйста, подождите ...», и он отлично работает. Теперь я хочу отобразить небольшую анимацию GIF в этом сообщении (небольшой счетчик прогресса, чтобы сказать, что страница все еще выполняется). Следующие работы (вроде):

$.blockUI({ message: '<br /><img src="CPSupport/SiteArt/progress.gif" alt="" /><br /><h3>Please wait...</h3>' });

.GIF отображается, но не анимируется, потому что форма отправляется сразу. Я знаю, что это можно решить с помощью AJAX, но я также читал, что размещение GIF в iframe также сработает. Идея iframe казалась менее трудоемкой, если я смогу заставить ее работать так, как мне нужно. Вот что я сейчас пытаюсь:

$.blockUI({ message: '<br /> <iframe src="CPSupport/SiteArt/progress.gif" height="60px" width="60px" scrolling="no" frameborder="0" id="progressIframe" /><br /><h3>Please wait...</h3>' });

Однако теперь я вообще не вижу ни GIF, ни iframe. Может ли кто-нибудь сказать мне, что я делаю неправильно, или если это вообще сработает? Мне просто нужно, чтобы GIF анимировался в «сообщении» BlockUI, пока окно не закроется.

Заранее большое спасибо за любые советы/советы! -Ллойд


person lhan    schedule 19.04.2011    source источник


Ответы (2)


Атрибут src указывает URL-адрес документа для отображения в iframe. То есть вам нужно показать веб-страницу, а не графику.

Создайте простую html-оболочку для вашего gif и загрузите ее в свой iframe. Теперь оберните внешний элемент DIV вокруг iframe. Наконец, вызовите все это, используя блокировку элементов: http://jquery.malsup.com/block/#element

person two7s_clash    schedule 19.04.2011
comment
Спасибо за ответ! Это работает, когда я просто помещаю iframe прямо на свою страницу (указывая новую HTML-страницу с GIF внутри), но когда я выделяю iframe из сообщения BlockUI, я все равно ничего не вижу. Однако я вижу границу iframe, в ней ничего нет. То же самое, если я удалю GIF из документа HTML и просто добавлю текст. Я никогда не вижу содержимого iframe. Какие-нибудь мысли? - person lhan; 19.04.2011

Можете ли вы установить <iframe> src в файл GIF? Вы должны создать HTML-страницу с GIF внутри и показать это... Кроме того, я бы рекомендовал использовать ajax вместо iframe :)

person pixelbobby    schedule 19.04.2011