2

Сделал свой виджет для сайтов. Но мне нужно чтобы при нажатии на него, он раскрывался полностью по высоте, как это к примеру сделано у виджетов онлайн косультантов. Что сейчас пробую: подключаю внешний скрипт с кодом где создаю iframe(iframe.src опустил):

iframe = document.createElement('iframe');
iframe.id = 'widget_stolik';
window.addEventListener("message", function(event) {
    if(event.data == 'changeSize') {
        setTimeout(function() {
        var height = window.innerHeight;
        var iframe = document.getElementById('widget_stolik');
        var scrollHeight = Math.max(
          iframe.contentWindow.document.body.scrollHeight,
          iframe.contentWindow.document.body.offsetHeight,
          iframe.contentWindow.document.body.clientHeight
        );

        if(height < scrollHeight) {
            iframe.style.height = height + 'px';
        }
        else {
            iframe.style.height = scrollHeight + 'px';
        }

    },100);
    }

});

И вызывая из скрипта в iframe:

parent.postMessage("changeSize", "*");

Получаю ошибку:

Uncaught DOMException: Blocked a frame with origin "http://site.ru" from accessing a cross-origin frame.

При попытке изменить размер iframe блока( как тогда делают разработчики виджетов? Может кто знает ответ?

2
  • Подключают js и добавляют div с чатом.
    – Alex78191
    5 июн 2017 в 5:37
  • @Alex78191 , вот гляди, там iframe стоит jivochat.ru
    – user246535
    5 июн 2017 в 5:50

1 ответ 1

0

Решил проблему меня не высоту самого iframe, а высоту внешнего блока. Как я понял браузер блокирует iframe.contentWindow ... т.е получить какие то параметры iframe нельзя, пришлось задавать цифры вручную. + Высоту iframe тоже нельзя изменить, но можно изменить высоту родительского блока. А iframe сделать height: 100%

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.