No edit summary |
No edit summary |
||
Line 7: | Line 7: | ||
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.title = "QR code for this page"; | img.title = "QR code for this page"; | ||
img.src = url; | img.src = url; | ||
const footer = document.querySelector(".mw-body-footer"); | const label = document.createElement("div"); | ||
footer.appendChild( | 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); | }).catch(console.error); | ||
}); | }); |
Revision as of 14:26, 20 February 2023
/* 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.title = "QR code for this page";
img.src = url;
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);
})();