выполнить функцию при изменении iframe

Question

Я создаю функцию, которая принимает платежи по кредитным картам с помощью iframe.Проблема, с которой я сейчас сталкиваюсь, заключается в том, что есть некоторые ошибки, которые выглядят по-разному, очень «безобразно».Фото: http://i63.tinypic.com/jtqu6p.png Я пытался перехватить события iframe OnLoad или OnChange, но пока ни одно из них не сработало.

HTML:

<div id="iframe-container"></div>

Javascript:По корпоративным причинам я не могу показать код, это все, что я могу предложить: у меня есть

Вещи, которые я пробовал: Javascript:

window.onload=function() {
    load()
}

function load() {
    repeat = setTimeout(load, 1000);
    try {
        var str = document.getElementById("result-message").innerHTML;
        if (str == "") {
            console.log("function if true");
            clearTimeout(repeat);
        } else {
            console.log("function if false" + " --- " + "str: " + str);
        }
    } catch (err) {
        console.log('Caught error: ' + err)
    }
}

С этим кодом я продолжал получать сообщение «TypeError: Невозможно прочитать свойство« innerHTML »of null», так каксообщение, которое я пытаюсь сравнить, загружается после отправки платежной информации.

PS: я знаю, что сравниваю с "", это всего лишь тестовый пример.

После этого я попытался несколько разonchange и onload с помощью # iframe-to-send и # iframe-container, но ни один из них не сработал.

HTML:

<div id="iframe-container" onchange="console.log('Works!');"></div>

и

<div id="iframe-container" onload="console.log('Works!');"></div>

Я попробовал эти 2, чтобы посмотреть, получу ли я в одном из случаев «Работы!», И не получил.

Я совершенно неопытен в этой области, так что это легко может быть чем-тоочень просто, что я пропустил.

Заранее спасибо.

Answer 1

Вы можете использовать jQuery для загрузки кадра, используя следующий код.

<script>
jQuery('#myframe').ready(function () {
                 alert('frame is loaded');
            });
</script>