Выполните действие после загрузки iframe SurveyMonkey

Я пытаюсь встроить опрос SurveyMonkey в модальное окно своего сайта. Я могу сделать это успешно, за исключением того, что сначала появляется модальное окно, а затем возникает задержка, поскольку iframe загружает внешний контент (это вызывает эффект мерцания, поскольку iframe и его содержимое изменяют размер модального окна).

Пытаясь исправить это, я попытался добавить событие load/ready, нацеленное на iframe (у него нет идентификатора или класса, поэтому мне пришлось довольствоваться таргетингом на .smcx-iframe-container > iframe. Я думаю, что iframe загружается до однако событие привязывается, так как мой модальный режим вообще не загружается после выполнения этой версии.

Любая помощь или предложения будут высоко оценены!

Скрипт:

// modal.hide();
(function (t, e, s, n) {
    var o, a, c;
    t.SMCX = t.SMCX || [], e.getElementById(n) || (o = e.getElementsByTagName(s), a = o[o.length - 1], c = e.createElement(s), c.type = "text/javascript", c.async = !0, c.id = n, c.src = ["https:" === location.protocol ? "https://" : "http://", "widget.surveymonkey.com/collect/website/js/script.js"].join(""), a.parentNode.insertBefore(c, a))
})(window, document, "script", "smcx-sdk");

$('.smcx-iframe-container > iframe').ready(function () {
    // modal.show();
});

Сгенерированный источник iframe:

<div class="smcx-widget smcx-embed smcx-show smcx-widget-light">
    <div class="smcx-iframe-container">
        <iframe width="100%" height="100%" frameborder="0" allowtransparency="true" src="https://www.surveymonkey.com/r/9HWYSDW"></iframe>
    </div>
    <div class="smcx-widget-footer smcx-embed-footer">
        <a class="smcx-branding" href="https://www.surveymonkey.com/user/sign-up/?ut_source=powered_by&amp;ut_source2=new_website_collector"
            target="_blank">
            <span class="smcx-powered-by">powered by</span>
        </a>
    </div>
</div>

javascript iframe surveymonkey
person Tim    schedule 30.05.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я знаю, что это старо, но это может сработать для людей, столкнувшихся с этой проблемой.

var iframe = document.getElementsByTagName("iframe")[0];
iframe.onload = functionAddSomething();


function functionAddSomething(){
    //add something here e.g. modal.show();
}

Надеюсь, это поможет кому-то еще, если не жаль :)

person Neoxidine    schedule 09.05.2019