показать загрузчик во всплывающем окне Jquery - PullRequest
Новая
       39

показать загрузчик во всплывающем окне Jquery

0 голосов
/ 07 июня 2011

Я использую всплывающее окно jquery, которое загружает внешнюю страницу внутри Iframe.

Теперь я хочу показать загрузочную картинку или загрузочную полосу и скрыть внешнюю страницу / фрейм во время ее работы, чтобы пользователь видел только блесну.

можно ли это сделать, если да, то как. Пожалуйста, помогите мне.

Вот код 

    <script type="text/javascript">
    $(document).ready(function () {

        $("a#em4c").bind("click", function () {
            $("#popup2").bPopup({ content: 'iframe', contentContainer: '#pContent', loadUrl: "http://site.com" });
            return false
        });

    });
</script>

Часть HTML 

<p><a id="em4c"><strong>POP ME</strong>: Simple jquery popup that loads a page   inside an iframe</a></div>

Thankyou

Ответы [ 2 ]

1 голос
/ 07 июня 2011

Возможно, это было бы полезно для вас 

<form>
Your input elements 
</form>
<div id="dialog1" title="Waiting" style="display:none">
<img src="/spinning.gif" border="0" align="left" hspace="12"/> Place all your text here   
<iframe id="iframe1" src="" width="100%" height="100%"></iframe>
Place all your Text 
</div>

записать это в документе.

$("a#em4c").bind("click", function () {
        $('#dialog1').removeAttr('style');
        $('#dialog1').dialog('open');
            var url ="some.php";
            $('#iframe1').attr('src',url);
    })

При щелчке элемента откроется вращающееся изображение, после чего в iframe откроется файл some.php.Вы этого ожидали?

1 голос
/ 07 июня 2011

Вы можете использовать плагин jQuery. Вот несколько вариантов jQuery Modal (всплывающее окно).Я бы использовал этот SimpleModal jQuery плагин на ericmmartin.com .Он говорит: «Загрузка», когда контент загружается, и я уверен, что это можно переопределить с помощью графического изображения загрузчика.

...