MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
document.addEventListener("DOMContentLoaded", function () { | document.addEventListener("DOMContentLoaded", function () { | ||
setTimeout(function () { | setTimeout(function () { | ||
var toc = document.querySelector("#mw-content-text #toc"); | var toc = document.querySelector("#mw-content-text #toc"); | ||
if (!toc) return; | if (!toc) return; | ||
var floatingToc = document.createElement("div"); | var floatingToc = document.createElement("div"); | ||
floatingToc.id = "floating-toc"; | floatingToc.id = "floating-toc"; | ||
toc.parentNode.removeChild(toc); | toc.parentNode.removeChild(toc); | ||
floatingToc.appendChild(toc); | floatingToc.appendChild(toc); | ||
Line 15: | Line 14: | ||
if (hideButton) { | if (hideButton) { | ||
hideButton.addEventListener("click", function (event) { | hideButton.addEventListener("click", function (event) { | ||
event.preventDefault(); | event.preventDefault(); | ||
floatingToc.classList.toggle("collapsed"); | floatingToc.classList.toggle("collapsed"); | ||
}); | }); | ||
} | } | ||
floatingToc.addEventListener("click", function (event) { | |||
if (floatingToc.classList.contains("collapsed")) { | |||
floatingToc.classList.remove("collapsed"); | |||
event.stopPropagation(); | |||
} | |||
}); | |||
}, 500); | }, 500); | ||
}); | }); |
Revision as of 03:04, 25 March 2025
document.addEventListener("DOMContentLoaded", function () {
setTimeout(function () {
var toc = document.querySelector("#mw-content-text #toc");
if (!toc) return;
var floatingToc = document.createElement("div");
floatingToc.id = "floating-toc";
toc.parentNode.removeChild(toc);
floatingToc.appendChild(toc);
document.body.appendChild(floatingToc);
var hideButton = floatingToc.querySelector(".toctogglelabel");
if (hideButton) {
hideButton.addEventListener("click", function (event) {
event.preventDefault();
floatingToc.classList.toggle("collapsed");
});
}
floatingToc.addEventListener("click", function (event) {
if (floatingToc.classList.contains("collapsed")) {
floatingToc.classList.remove("collapsed");
event.stopPropagation();
}
});
}, 500);
});