Hello world!
Welcome to cname4.wowmanga.uk Sites. This is your first post. Edit or delete it, then start writing!
- `;
mainmenum +=
`
- ${menuItem.text} `; popupm += `
- ` + `` + `${menuItem.text} `; }); popupm += `
` +
`${item.title}
` + `` +
'' +
` Menu
` +
`` +
'' +
`
` +
`${item.title}
`; // Loop 3rd level item.menu.forEach((menuItem, x) => { var pathURL = menuItem.URL; if (pathURL.includes("https://ogawaworld.vn/")) { pathURL = pathURL.replace("https://ogawaworld.vn/", "/"); } if (pathnameLang === "/en/") { pathURL = "/en" + pathURL; } submenuCol2 += `${submenuCol1}
${submenuCol2}
`;
// Menu interactions
document.querySelectorAll("wrapper1").forEach(el => el.style.display = "none");
document.querySelectorAll("wrapper2").forEach(el => el.style.display = "none");
document.querySelectorAll(".menu-item").forEach(item => {
item.addEventListener("mouseenter", function () {
document.querySelectorAll("wrapper1").forEach(el => el.style.display = "none");
document.querySelectorAll("wrapper2").forEach(el => el.style.display = "none");
document.querySelector("#menu-main-container").style.display = "none";
var obj = this.getAttribute("link");
var wrapper1 = document.querySelector(`wrapper1[link="${obj}"]`);
wrapper1.style.display = "block";
wrapper1.querySelectorAll("item").forEach(el => el.classList.remove("itemselect"));
wrapper1.querySelector("item").classList.add("itemselect");
document.querySelector(`wrapper2[link="${obj}"]`).style.display = "flex";
});
});
document.querySelector("sub").addEventListener("mouseleave", function () {
document.querySelectorAll("wrapper1").forEach(el => el.style.display = "none");
document.querySelectorAll("wrapper2").forEach(el => el.style.display = "none");
document.querySelector("#menu-main-container").style.display = "none";
});
document.querySelectorAll("wrapper1 item").forEach(item => {
item.addEventListener("click", function () {
document.querySelectorAll("wrapper2").forEach(el => el.style.display = "none");
document.querySelectorAll("item").forEach(el => el.classList.remove("itemselect"));
this.classList.add("itemselect");
var obj = this.getAttribute("aria-controls");
document.querySelector(`wrapper2[aria-controls="${obj}"]`).style.display = "flex";
});
});
// Mobile menu interactions
document.querySelectorAll("subitemms").forEach(el => el.style.display = "none");
document.querySelectorAll("itemm").forEach(item => {
item.addEventListener("click", function () {
var obj = this.getAttribute("link");
var subitemms = document.querySelector(`subitemms[link="${obj}"]`);
subitemms.style.display = subitemms.style.display === "none" ? "flex" : "none";
});
});
// Scroll trong navm khi click subitemm
document.querySelectorAll("subitemm").forEach(item => {
item.addEventListener("click", function () {
// Scroll navm về đầu
const navmElement = document.querySelector("render-mobile navm");
if (navmElement) {
navmElement.scrollTop = 0;
}
// Mở wrapperm
var obj = this.getAttribute("aria-controls");
var wrapperm = document.querySelector(`wrapperm[aria-controls="${obj}"]`);
wrapperm.classList.remove("dismissnav");
wrapperm.classList.add("selectednav");
wrapperm.style.display = "flex";
});
});
document.querySelectorAll(".close, overlay").forEach(el => {
el.addEventListener("click", function () {
var obj = this.getAttribute("aria-controls");
var wrapperm = document.querySelector(`wrapperm[aria-controls="${obj}"]`);
wrapperm.classList.remove("selectednav");
wrapperm.classList.add("dismissnav");
setTimeout(() => {
wrapperm.style.display = "none";
}, 500);
});
});
const closeBtnNav = document.querySelector("#closenavm");
if (closeBtnNav) {
closeBtnNav.addEventListener("click", function () {
const renderMobile = document.querySelector("render-mobile");
if (renderMobile) {
renderMobile.style.transform = "translateX(100%)";
}
});
}
if (document.querySelector("#menu-main-container")) {
document.querySelector("#menu-main-container").style.display = "none";
document.querySelector("#btn-menu-main-container").addEventListener("mouseenter", function () {
document.querySelectorAll("wrapper1").forEach(el => el.style.display = "none");
document.querySelectorAll("wrapper2").forEach(el => el.style.display = "none");
document.querySelector("#menu-main-container").style.display = "block";
});
document.querySelector("#menu-main-container").addEventListener("mouseleave", function () {
this.style.display = "none";
});
}
}
const menuBtn = document.querySelector("#menu-btn");
if (menuBtn) {
menuBtn.addEventListener("click", function (e) {
const renderMobile = document.querySelector("render-mobile");
if (renderMobile) {
renderMobile.style.transform = "translateX(0)";
}
e.preventDefault();
});
}
});