engler-labs/static/js/scripts.js

53 lines
1.6 KiB
JavaScript

function loadIframe(url) {
const iframeWrapper = document.getElementById("iframe-wrapper");
iframeWrapper.innerHTML = "";
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');
}
});
});