Ballantine's True Music Cyprus

iFrame Installation

1. Add the iframe in your page.

<iframe id="BTMCFrame" src="https://truemusiccyprus.com/" onload="resizeBTMCFrame(this)"></iframe>

2. Create the resizeBTMCFrame function that posts a message to the iframe to request its height.

function resizeBTMCFrame(frame) {
    frame.contentWindow.postMessage('FrameHeight', '*')
}

3. Add an event listerner to handle the received height from the iframe and adjust the frame's height.

window.addEventListener('message', function (event) {
    if (event.data.hasOwnProperty('FrameHeight')) {
        document.getElementById('BTMCFrame').style.height = event.data.FrameHeight + 'px'
    }
})

For a reference implementation see this page.