🐚 WEB SHELL ACTIVATED

📁 File Browser

Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads

📄 Viewing: ./../../../../585871.klas4s23.mid-ica.nl/public_html/ergoweser/script.js

const navBar = document.getElementById("nav");
const navCursor = navBar.querySelector(".cursor");
const currentPage = document.querySelector(".currentPage");

function mouseEnter(event) {
    const { offsetLeft, clientWidth } = event.target;
    navCursor.style.left = offsetLeft + 20 + "px";
    navCursor.style.width = clientWidth - 40 + "px";
}

function mouseLeave() {
    const { offsetLeft, clientWidth } = currentPage;
    navCursor.style.left = offsetLeft + 20 + "px";
    navCursor.style.width = clientWidth - 40 + "px";
}

navBar.querySelectorAll("a").forEach((navItem) => {
    navItem.addEventListener("mouseenter", mouseEnter);
    navItem.addEventListener("mouseleave", mouseLeave);
});

function mouseEnterDropdownMenu()
{
    const { offsetLeft, clientWidth } = document.getElementById("dropdownButton");
    navCursor.style.left = offsetLeft + 20 + "px";
    navCursor.style.width = clientWidth - 40 + "px";
}

document.getElementById("dropdownMenu").addEventListener("mouseenter", mouseEnterDropdownMenu);
document.getElementById("dropdownMenu").addEventListener("mouseleave", mouseLeave);

function dropdown()
{
    document.querySelector(".dropdownMenu").style.transform = "translateY(0%)";
}

function backup()
{
    document.querySelector(".dropdownMenu").style.transform = "translateY(-100%)";
}

function setup()
{
    let position = document.getElementById("dropdownButton").getBoundingClientRect().left;
    let buttonWidth = document.getElementById("dropdownButton").clientWidth;
    let width = document.getElementById("dropdownMenu").clientWidth;
    document.querySelector(".dropdownMenu").style.left = position - (width - buttonWidth) / 2 + "px";
    mouseLeave();
}

document.getElementById("dropdownButton").addEventListener("mouseenter", dropdown);
document.getElementById("dropdownMenu").addEventListener("mouseenter", dropdown);
document.getElementById("dropdownButton").addEventListener("mouseleave", backup);
document.getElementById("dropdownMenu").addEventListener("mouseleave", backup);

document.fonts.ready.then(setup);
addEventListener("resize", setup);



const scrollContainer = document.getElementById("slider");

scrollContainer.addEventListener("wheel", (evt) => {
    evt.preventDefault();
    scrollContainer.scrollLeft += Math.sign(evt.deltaY) * 600;
});

🎯 Available Actions