Ekapp/skolehjem/resources/js/navmenu/menu.js

39 lines
1.2 KiB
JavaScript

document.addEventListener("DOMContentLoaded", function(){
// Handler when the DOM is fully loaded
var path = window.location.pathname;
if(path === "/menuplans" || path === "/vagttelefon" || path === "/")
{
document.getElementById ('toggle').addEventListener ('click', toggleMenu, false);
}
});
function toggleMenu() {
var buttonElement = document.getElementById('menuIcon');
var htmlElement = document.getElementsByTagName('html')[0];
var logoElement = document.getElementById('sdeLogo');
var mainElement = document.getElementsByTagName('main')[0];
var menu = document.getElementById('menu');
if(buttonElement.alt === '-')
{
htmlElement.style.backgroundColor = 'rgb(0, 120, 138)';
logoElement.src = '/images/logos/Logo-hvid.svg';
menu.classList.remove('d-none');
mainElement.classList.add('d-none');
buttonElement.alt = 'X';
}
else
{
htmlElement.style.backgroundColor = 'rgb(255, 255, 255)';
logoElement.src = '/images/logos/Logo-normal.svg';
menu.classList.add('d-none');
mainElement.classList.remove('d-none');
buttonElement.alt = '-';
}
}