English

Nederlands

`; dropdownContainer.appendChild(languageButton); dropdownContainer.appendChild(languageDropdown); headerContainer.prepend(dropdownContainer); let isDropdownOpen = false; // Toggle dropdown visibility languageButton.addEventListener("click", (event) => { event.stopPropagation(); isDropdownOpen = !isDropdownOpen; languageDropdown.classList.toggle("opacity-0", !isDropdownOpen); languageDropdown.classList.toggle("invisible", !isDropdownOpen); languageDropdown.classList.toggle("opacity-100", isDropdownOpen); languageDropdown.classList.toggle("visible", isDropdownOpen); }); // Handle language selection and redirect languageDropdown.addEventListener("click", (event) => { if (event.target.tagName === "LI") { let selectedLang = event.target.getAttribute("data-lang"); let redirectUrl = event.target.getAttribute("data-url"); if (redirectUrl !== "#") { window.location.href = redirectUrl; } languageButton.querySelector("span").textContent = selectedLang === "en" ? "English" : "Nederlands"; isDropdownOpen = false; languageDropdown.classList.add("opacity-0", "invisible"); languageDropdown.classList.remove("opacity-100", "visible"); } }); // Close dropdown when clicking outside document.addEventListener("click", (event) => { if (!dropdownContainer.contains(event.target)) { isDropdownOpen = false; languageDropdown.classList.add("opacity-0", "invisible"); languageDropdown.classList.remove("opacity-100", "visible"); } }); } // === Listen for page load, navigation changes, and soft reloads === // window.addEventListener("load", initLanguageDropdown); window.addEventListener("popstate", initLanguageDropdown); // Detects back/forward button presses // Detect URL changes let lastUrl = window.location.href; const observer = new MutationObserver(() => { if (window.location.href !== lastUrl) { lastUrl = window.location.href; initLanguageDropdown(); } }); observer.observe(document.body, { childList: true, subtree: true });

Tuboscope Coevorden