(Created page with "→Any JavaScript here will be loaded for all users on every page load.: (function () { const libQR = document.createElement("script"); libQR.addEventListener("load", function () { QRCode.toDataURL(location.href).then(function (url) { const img = document.createElement("img"); img.style.maxWidth = "100%"; img.style.height = "auto"; img.style.display = "block"; img.style.clear = "both";...") |
No edit summary |
||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
(function () { | (function () { | ||
const libQR = document.createElement("script"); | const libQR = document.createElement("script"); | ||
libQR.addEventListener("load", function () { | libQR.addEventListener("load", function () { | ||
const dark = document.documentElement.classList.contains("skin-citizen-dark"); | |||
QRCode.toDataURL(location.href).then(function (url) { | QRCode.toDataURL(location.href).then(function (url) { | ||
const img = document.createElement("img"); | const img = document.createElement("img"); | ||
img.src = url; | img.src = url; | ||
img.alt = "QR code"; | |||
const label = document.createElement("div"); | |||
label.className = "page-info__label"; | |||
label.textContent = "QR code for this page"; | |||
const wrapper = document.createElement("div"); | |||
wrapper.className = "page-info__text"; | |||
wrapper.appendChild(img); | |||
const section = document.createElement("section"); | |||
section.className = "page-info__item"; | |||
section.append(label, wrapper); | |||
const footer = document. | const footer = document.querySelector(".mw-body-footer > .page-info"); | ||
footer.appendChild(section); | |||
footer.appendChild( | |||
}).catch(console.error); | }).catch(console.error); | ||
}); | }); |
Latest revision as of 17:15, 22 May 2024
/* Any JavaScript here will be loaded for all users on every page load. */
(function () {
const libQR = document.createElement("script");
libQR.addEventListener("load", function () {
const dark = document.documentElement.classList.contains("skin-citizen-dark");
QRCode.toDataURL(location.href).then(function (url) {
const img = document.createElement("img");
img.src = url;
img.alt = "QR code";
const label = document.createElement("div");
label.className = "page-info__label";
label.textContent = "QR code for this page";
const wrapper = document.createElement("div");
wrapper.className = "page-info__text";
wrapper.appendChild(img);
const section = document.createElement("section");
section.className = "page-info__item";
section.append(label, wrapper);
const footer = document.querySelector(".mw-body-footer > .page-info");
footer.appendChild(section);
}).catch(console.error);
});
libQR.src = "https://cdn.jsdelivr.net/npm/qrcode@1.4.4/build/qrcode.min.js";
document.body.appendChild(libQR);
})();