Как обновить URL Iframe с отображением загрузки изображения - PullRequest
Новая
       10

Как обновить URL Iframe с отображением загрузки изображения

1 голос
/ 09 июля 2011

Я хочу анимировать I-Frame Загрузка его исходной страницы. Я частично достиг своей цели, используя код JavaScript, который выглядит так: 

function reloadIt()
{
    frm=document.getElementsByName("pagers")[0];      //we get the iframe object
    frm.src=frm.src;        //or you can set the src to a new src
    setTimeout("reloadIt()",100000);         //the function will run every 60000 miliseconds, or 60 seconds
}

и мой код тела HTMl идет сюда 

<body onload="reloadIt()">

и мой код IFRAME выглядит следующим образом 

<div id="divLoading">
    <div style="width:100%; height:200px; align="center"> 
        <img src="loader.gif" alt="" align="absmiddle"/> 
    </div>
</div>
<div id="divFrameHolder" style="display:none">
    <iframe  src="lead.php" height="450px;" width="100%"  name="pagers"  onload="hideLoading()" > </iframe>`
</div>

и это прекрасно работает, когда эта HTML-страница загружается в первый раз, мы можем видеть загрузку Image в Iframe до загрузки его исходной страницы. но после интервала времени, когда IFrame обновляется, изображение не загружается, и оно просто перезагружает исходную страницу ... Может ли какое-либо тело помочь мне ??

1 Ответ

0 голосов
/ 19 июля 2011

Вы можете взглянуть на BlockUi, плагин jquery. (http://jquery.malsup.com/block/#element). Попробуйте что-то вроде этого: 

function reloadIt() {
       $("#iframeholder").block({
            message: '<img src="css/ajax-loader.gif"/>',
            css: { width: "600px;", height: "400px;" }
        });
        $('#pagers').attr('src', $('#pagers').attr("src"));
        $('#iframeholder').unblock()
        setTimeout("reloadIt()", 5000);
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...