Groups & events

document.addEventListener("DOMContentLoaded", function() { // Select all buttons and links const buttons = document.querySelectorAll("button, a"); buttons.forEach(button => { const buttonText = button.textContent.trim().toLowerCase(); // Check if button text contains "book bord" or "reservations" (case insensitive) if (buttonText.includes("book bord") || buttonText.includes("reservations")) { button.addEventListener("click", function(event) { event.preventDefault(); // Prevent default link behavior if it's an anchor tag openIframe(); }); } }); function openIframe() { const overlay = document.getElementById("overlay"); const iframe = document.getElementById("dynamic-iframe"); // Get UTM parameters from the current URL const urlParams = new URLSearchParams(window.location.search); const utmSource = urlParams.get("utm_source") || ""; const utmMedium = urlParams.get("utm_medium") || ""; const utmCampaign = urlParams.get("utm_campaign") || ""; const utmTerm = urlParams.get("utm_term") || ""; const utmContent = urlParams.get("utm_content") || ""; // Build the dynamic iframe URL with UTM parameters const iframeUrl = `https://book.easytable.com/book/?id=cf0ad&lang=auto&utm_source=${utmSource}&utm_medium=${utmMedium}&utm_campaign=${utmCampaign}&utm_term=${utmTerm}&utm_content=${utmContent}`; // Set the iframe's src to the dynamically generated URL iframe.src = iframeUrl; overlay.style.display = "flex"; // Display the overlay as flex } // Close overlay when clicking outside iframe document.getElementById("overlay").addEventListener("click", function(e) { if (e.target === this) { // Check if clicked outside iframe this.style.display = "none"; } }); // Close overlay when clicking the close button document.getElementById("close-button").addEventListener("click", function() { document.getElementById("overlay").style.display = "none"; }); // Listen for postMessage from iframe to close overlay window.addEventListener("message", function(event) { if (event.data === "bookingComplete") { document.getElementById("overlay").style.display = "none"; window.location.href = "https://www.norrlyst.dk/taarnet/takfordinbooking"; } }); // Monitor iframe URL changes function monitorIframeURL() { const iframe = document.getElementById("dynamic-iframe"); const targetURL = "https://www.norrlyst.dk/taarnet/takfordinbooking"; const checkIframe = setInterval(function() { try { const iframeSrc = iframe.contentWindow.location.href; if (iframeSrc.includes("norrlyst.dk/taarnet/takfordinbooking")) { document.getElementById("overlay").style.display = "none"; window.location.href = targetURL; clearInterval(checkIframe); } } catch (e) { // Ignore cross-origin errors } }, 500); } // Start monitoring when iframe is loaded document.getElementById("dynamic-iframe").addEventListener("load", monitorIframeURL); }); #overlay { z-index: 9999; /* Ensure it’s on top of other elements */ } @media screen and (max-width: 768px) { #overlay { display: flex; justify-content: center; align-items: center; } #iframe-container { width: 95%; max-width: 600px; } }