rasmus-kirk
26 lines
878 B
JavaScript
26 lines
878 B
JavaScript
addEventListener('DOMContentLoaded', () => {
|
|
const fullpath = location.origin + location.pathname.replace(/\/$/, "");
|
|
|
|
document.querySelectorAll('nav a').forEach((el) => {
|
|
const url = new URL(el.href);
|
|
const fullurl = url.origin + url.pathname.replace(/\/$/, "");
|
|
console.log("fullurl", fullurl);
|
|
console.log("fullpath", fullpath);
|
|
console.log("locationpathname", location.pathname);
|
|
console.log("urlpathname", url.pathname);
|
|
const onHome = fullpath === location.origin
|
|
const urlIsHome = fullurl === location.origin
|
|
console.log("onhome", onHome);
|
|
console.log("urlIsHome", urlIsHome);
|
|
console.log("")
|
|
|
|
if (onHome && fullurl === fullpath) {
|
|
el.classList.add('active');
|
|
}
|
|
// The startsWith is for subpages
|
|
else if (!urlIsHome && fullpath.startsWith(fullurl)) {
|
|
el.classList.add('active');
|
|
}
|
|
});
|
|
});
|