Konfi-Camps

document.addEventListener("DOMContentLoaded", function(event) { var iFrame = document.getElementById("events-iframe-7683f802-e18a-4b59-ab3f-eb2ff6b25a30"); var triggerOffset = 200; iFrame.src = iFrame.src+"&"+window.location.search.substr(1)+"&parentUrl="+window.location.href; listenToHeightChangeMessagesFromIFrame(); loadNextPagesUntilUserHasEnoughContentToScroll(); handleScrolling(); function listenToHeightChangeMessagesFromIFrame(){ window.addEventListener('message', function (event) { var message = event.data; if (message.source === "events-iframe-7683f802-e18a-4b59-ab3f-eb2ff6b25a30" && message.height != null) iFrame.style.height = message.height + 'px'; }); } function loadNextPagesUntilUserHasEnoughContentToScroll(){ window.addEventListener('message', function (event) { var message = event.data; if (message.source === "events-iframe-7683f802-e18a-4b59-ab3f-eb2ff6b25a30" && message.iFrameLoaded) { setInterval(() => { if (window.innerHeight >= document.body.clientHeight - triggerOffset) { requestMoreEvents(); } }, 1000) } }); } function handleScrolling(){ window.addEventListener("scroll", function () { var bottomOfIFrameReached = window.innerHeight >= iFrame.getBoundingClientRect().bottom - triggerOffset; if (bottomOfIFrameReached) { requestMoreEvents(); } }) } function requestMoreEvents(){ iFrame.contentWindow.postMessage({loadMoreEvents: true, source: "parent-events-window"}, '*'); }});