Панель загрузки iframe при перезагрузке через location.href

У меня есть iframe, который обновляется при нажатии кнопки, когда вы читаете от кендо datepicker информацию, чтобы решить, какие данные необходимо загрузить. В iframe есть onlaod gif, показывающий, что он по-прежнему загружает данные при инициализации, что может занять до 20 секунд в этом примере. Тот же загрузочный бар, который я хочу использовать при получении новых данных / обновлении iframe. Любая идея, как добиться такого поведения? Как снова вызвать onload

<iframe id="iframeExample"
        frameborder="0"
        border="0"
        marginwidth="0"
        marginheight="0"
        style="border: none; margin-left: 10px; padding: 1px; margin-top: 5px; display: block;"
        height="500px"
        width="98%"
        runat="server"
        src='@Url.Action("Action","Controller", new { Id1= @Model.Id1, Id2 = @Model.Id2 })'
        onload="document.getElementById('loadImg').style.display='none';"></iframe>

Изображение для загрузки <div id="loadImg"><img id="image" src="~/Content/Kendo/2018.1.117/Bootstrap/loading-image.gif" /></div>

и для обновления iframe

var ActionUrl = "@Html.Raw(@Url.Action("Action", "Controller", new { Id1 ="_PLACEHOLDER_ID1_", Id2= "_PLACEHOLDER_ID2_" }))";

function refreshIFrame() {
    debugger;
    var Id1= $("#Id1").val();
    var dtId2 = $("#Id1").getKendoDatePicker().value();
    var Id2 = kendo.toString(dtId2, "yyyy-MM-dd");
    document.getElementById("iframeExample").contentDocument.location.href = ActionUrl.replace("_PLACEHOLDER_ID1_", Id1).replace("_PLACEHOLDER_ID2_", Id2);
}

Спасибо за любые подсказки и подсказки

javascript,jquery,iframe,loading,

0

Ответов: 0

Панель загрузки iframe при перезагрузке через location.href

У меня есть iframe, который обновляется при нажатии кнопки, когда вы читаете от кендо datepicker информацию, чтобы решить, какие данные необходимо загрузить. В iframe есть onlaod gif, показывающий, что он по-прежнему загружает данные при инициализации, что может занять до 20 секунд в этом примере. Тот же загрузочный бар, который я хочу использовать при получении новых данных / обновлении iframe. Любая идея, как добиться такого поведения? Как снова вызвать onload

<iframe id="iframeExample"
        frameborder="0"
        border="0"
        marginwidth="0"
        marginheight="0"
        style="border: none; margin-left: 10px; padding: 1px; margin-top: 5px; display: block;"
        height="500px"
        width="98%"
        runat="server"
        src='@Url.Action("Action","Controller", new { Id1= @Model.Id1, Id2 = @Model.Id2 })'
        onload="document.getElementById('loadImg').style.display='none';"></iframe>

Изображение для загрузки <div id="loadImg"><img id="image" src="~/Content/Kendo/2018.1.117/Bootstrap/loading-image.gif" /></div>

и для обновления iframe

var ActionUrl = "@Html.Raw(@Url.Action("Action", "Controller", new { Id1 ="_PLACEHOLDER_ID1_", Id2= "_PLACEHOLDER_ID2_" }))";

function refreshIFrame() {
    debugger;
    var Id1= $("#Id1").val();
    var dtId2 = $("#Id1").getKendoDatePicker().value();
    var Id2 = kendo.toString(dtId2, "yyyy-MM-dd");
    document.getElementById("iframeExample").contentDocument.location.href = ActionUrl.replace("_PLACEHOLDER_ID1_", Id1).replace("_PLACEHOLDER_ID2_", Id2);
}

Спасибо за любые подсказки и подсказки

00JavaScript, JQuery, IFrame, загрузка,
Похожие вопросы