37 lines
1.3 KiB
JavaScript
Executable File
37 lines
1.3 KiB
JavaScript
Executable File
document.querySelectorAll(".modal-container").forEach((element)=>{
|
|
if(element.querySelector(".openBtn")==null){
|
|
document.getElementById(element.dataset.id).addEventListener("click",(ev)=>{
|
|
var btn=ev.target;
|
|
var modal=document.getElementById(btn.dataset.id);
|
|
var content=modal.querySelector(".modal");
|
|
content.style.display="flex";
|
|
});
|
|
}else{
|
|
element.querySelector(".openBtn").addEventListener("click",(ev)=>{
|
|
var btn=ev.target
|
|
var modal=btn;
|
|
do{
|
|
modal=modal.parentElement;
|
|
}while(!modal.classList.contains("modal-container"));
|
|
var content=modal.querySelector(".modal");
|
|
content.style.display="flex";
|
|
});
|
|
}
|
|
element.querySelector(".closeBtn").addEventListener("click",(ev)=>{
|
|
var btn=ev.target;
|
|
var modal=btn.parentElement.parentElement.parentElement;
|
|
var content=modal.querySelector(".modal");
|
|
content.style.display="none";
|
|
});
|
|
});
|
|
|
|
document.querySelector("#eventmodals").querySelectorAll(".closelink").forEach((el)=> {
|
|
el.addEventListener("click",(ev)=>{
|
|
let div=ev.target;
|
|
while(!div.classList.contains("modal-content")){
|
|
div=div.parentElement;
|
|
}
|
|
console.log(div.querySelector(".close"));
|
|
div.querySelector(".close").click();
|
|
});
|
|
}); |