«ميدياويكي:Script/Modal.js»: الفرق بين المراجعتين
سطر ٢٨: | سطر ٢٨: | ||
createModalInteraction(modalContainer); | createModalInteraction(modalContainer); | ||
}); | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
})(); | })(); |
المراجعة الحالية بتاريخ ٢٠:٣٢، ١٩ أغسطس ٢٠٢٢
function createModalInteraction(content){
var boutonModal = content.querySelector(".button");
var modalContent = content.querySelector(".modal");
var boutonClose = content.querySelector(".close");
boutonModal.addEventListener("click", function() {
boutonModal.classList.add("tabber-active");
modalContent.classList.add("gen-active");
boutonClose.addEventListener("click", function() {
boutonModal.classList.remove("tabber-active");
modalContent.classList.remove("gen-active");
});
window.addEventListener("click", function(e) {
if (e.target == modalContent) {
boutonModal.classList.remove("tabber-active");
modalContent.classList.remove("gen-active");
}
});
});
}
(function(){
var modalContainers = document.querySelectorAll("div#mw-content-text div.modalContainer");
modalContainers.forEach(function(modalContainer){
createModalInteraction(modalContainer);
});
})();