Вопросы Теги

Используйте JQuery с и Iframe & Progress Indicator

Я знаю, что это существует там, где-нибудь но я не нашел его за несколько часов поиска. Я просто должен загрузить клиенты внешняя страница в IFRAME, но я хочу использовать jQuery ui для представления загружающегося изображения, в то время как это захватывает внешние данные.

Простой да, но я видел части этого не все это.

10
задан imagindesign 30 May 2010 в 15:51
поделиться

1 ответ

Что-то вроде этого?

Живой пример: http://jsfiddle.net/CPadm/

EDIT: Обновлено, чтобы iframe был скрыт до загрузки.

Live (updated) Example: http://jsfiddle.net/CPadm/3/

HTML

<div id="button">Click to load</div>

<iframe></iframe>

<div id='loading'>Page is loading...</div>​

CSS

iframe {
    display: none;
}
#button {
    background: blue;
    color: white;
    padding: 10px;
    width: 100px;
}
#loading {
    width: 300px;
    padding: 20px;
    background: orange;
    color: white;
    text-align: center;
    margin: 0 auto;
    display: none;
}​

jQuery

$('iframe').load(function() {
    $('#loading').hide();
    $('iframe').show();
});

$('#button').click(function() {
    $('#loading').show();
    $('iframe').attr( "src", "http://www.apple.com/");
});​

Relevant jQuery docs:

26
ответ дан 3 December 2019 в 16:09
поделиться
Другие вопросы по тегам:

Похожие вопросы: