https://wiki.atlax2.com/index.php?action=history&feed=atom&title=MediaWiki%3AScript%2FModal.js
MediaWiki:Script/Modal.js - Histórico de revisões
2026-06-17T12:42:00Z
Histórico de edições para esta página nesta wiki
MediaWiki 1.45.1
https://wiki.atlax2.com/index.php?title=MediaWiki:Script/Modal.js&diff=677&oldid=prev
Tmbt1ag0: Criou a página com "function handleModal(button) { const modalName = button.dataset.modal; let modalContainer; if (modalName) { modalContainer = document.querySelector( `.modal[data-modal="${modalName}"]` ); } else { modalContainer = button.nextElementSibling; } const closeButton = modalContainer.querySelector(".close-button"); const { autoCloseChange, autoCloseLink, addEvent } = modalContainer.dataset; button.addEventListener("click", openModal); cl..."
2026-03-29T20:56:43Z
<p>Criou a página com "function handleModal(button) { const modalName = button.dataset.modal; let modalContainer; if (modalName) { modalContainer = document.querySelector( `.modal[data-modal="${modalName}"]` ); } else { modalContainer = button.nextElementSibling; } const closeButton = modalContainer.querySelector(".close-button"); const { autoCloseChange, autoCloseLink, addEvent } = modalContainer.dataset; button.addEventListener("click", openModal); cl..."</p>
<p><b>Nova página</b></p><div>function handleModal(button) {<br />
const modalName = button.dataset.modal;<br />
let modalContainer;<br />
<br />
if (modalName) {<br />
modalContainer = document.querySelector(<br />
`.modal[data-modal="${modalName}"]`<br />
);<br />
} else {<br />
modalContainer = button.nextElementSibling;<br />
}<br />
<br />
const closeButton = modalContainer.querySelector(".close-button");<br />
const { autoCloseChange, autoCloseLink, addEvent } = modalContainer.dataset;<br />
<br />
button.addEventListener("click", openModal);<br />
closeButton.addEventListener("click", closeModal);<br />
<br />
if (autoCloseChange === "1") {<br />
modalContainer.addEventListener("change", closeModal);<br />
}<br />
<br />
if (autoCloseLink === "1") {<br />
const links = modalContainer.querySelectorAll("a");<br />
links.forEach((link) => {<br />
link.addEventListener("click", closeModal);<br />
});<br />
}<br />
<br />
function openModal() {<br />
button.classList.add("tabber-active");<br />
modalContainer.classList.add("show-modal");<br />
window.addEventListener("click", handleClickOutside);<br />
window.addEventListener("keydown", handleEscape);<br />
<br />
if (addEvent === "1") {<br />
const modalOpenEvent = new CustomEvent('modalOpen', {<br />
bubbles: true,<br />
detail: { modal: modalContainer, name: modalName }<br />
});<br />
button.dispatchEvent(modalOpenEvent);<br />
}<br />
}<br />
<br />
function closeModal() {<br />
button.classList.remove("tabber-active");<br />
modalContainer.classList.remove("show-modal");<br />
window.removeEventListener("click", handleClickOutside);<br />
window.removeEventListener("keydown", handleEscape);<br />
}<br />
<br />
function handleClickOutside(event) {<br />
if (event.target === modalContainer) {<br />
closeModal();<br />
}<br />
}<br />
<br />
function handleEscape(event) {<br />
if (event.key === "Escape") {<br />
closeModal();<br />
}<br />
}<br />
}<br />
<br />
function mainModal() {<br />
const modalButtons = document.querySelectorAll(".modal-trigger");<br />
modalButtons.forEach(handleModal);<br />
}<br />
<br />
mainModal();</div>
Tmbt1ag0