как изменить размеры iframe через внешний js

Сделал свой виджет для сайтов. Но мне нужно чтобы при нажатии на него, он раскрывался полностью по высоте, как это к примеру сделано у виджетов онлайн косультантов. Что сейчас пробую: подключаю внешний скрипт с кодом где создаю 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 блока( как тогда делают разработчики виджетов? Может кто знает ответ?