major refactoring + iframe introduction

2025-03-03 23:12:19 +01:00
parent bcd5579927
commit ba1b10450f
4 changed files with 90 additions and 21 deletions
@@ -1,8 +1,52 @@
-document.addEventListener('DOMContentLoaded', () => {
-    const navToggle = document.querySelector('.nav-toggle');
-    const navLinks = document.querySelector('.nav-links');
+function loadIframe(url) {
+	const iframeWrapper = document.getElementById("iframe-wrapper");
+	iframeWrapper.innerHTML = "";

-    navToggle.addEventListener('click', () => {
-        navLinks.classList.toggle('active');
-    });
+	const iframe = document.createElement("iframe");
+	iframe.src = url;
+	iframe.className = "iframe-container";
+	iframeWrapper.appendChild(iframe);
+
+	iframe.addEventListener("load", function() {
+		try {
+			iframe.contentWindow.document.addEventListener("click", function() {
+				window.scrollTo({ top: document.body.scrollHeight, behavior: "smooth" });
+			});
+		} catch (error) {
+			console.warn("Cross-origin iframe: Cannot access iframe content.");
+		}
+	});
+
+    const navLinks = document.getElementById('nav-links');
+	navLinks.classList.remove('active');
+}
+
+function clearIframe() {
+    document.getElementById("iframe-wrapper").innerHTML = "";
+    const navLinks = document.getElementById('nav-links');
+	navLinks.classList.remove('active');
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+    //const navToggle = document.querySelector('.nav-toggle');
+    //const navLinks = document.querySelector('.nav-links');
+    //
+    //navToggle.addEventListener('click', () => {
+    //    navLinks.classList.toggle('active');
+    //});
+	document.addEventListener("click", function (event) {
+		const navLinks = document.getElementById("nav-links");
+		const toggleButton = document.getElementById("nav-toggle");
+
+		if (navLinks.classList.contains("active")) {
+			if (!navLinks.contains(event.target) && !toggleButton.contains(event.target)) {
+				navLinks.classList.remove("expanded");
+			}
+		}
+
+		const button = event.target.closest("button");
+		if (button && button.className === "nav-toggle") {
+			navLinks.classList.toggle('active');
+		}
+	});
 });