Chandrashekars: Created page with "/* All JavaScript here will be loaded for users of the mobile site */ mw.hook('wikipage.content').add(function () { const toc = document.querySelector('.toc'); if (!toc) return; // Button const btn = document.createElement('div'); btn.id = 'gr-toc-button'; btn.innerHTML = '☰'; // Backdrop const backdrop = document.createElement('div'); backdrop.id = 'gr-toc-backdrop'; // Overlay const overlay = document.createElement('div..."

2026-05-20T18:19:10Z

Created page with "All JavaScript here will be loaded for users of the mobile site: mw.hook('wikipage.content').add(function () { const toc = document.querySelector('.toc'); if (!toc) return; // Button const btn = document.createElement('div'); btn.id = 'gr-toc-button'; btn.innerHTML = '☰'; // Backdrop const backdrop = document.createElement('div'); backdrop.id = 'gr-toc-backdrop'; // Overlay const overlay = document.createElement('div..."

New page

/* All JavaScript here will be loaded for users of the mobile site */
mw.hook('wikipage.content').add(function () {

const toc = document.querySelector('.toc');
if (!toc) return;

// Button
const btn = document.createElement('div');
btn.id = 'gr-toc-button';
btn.innerHTML = '☰';

// Backdrop
const backdrop = document.createElement('div');
backdrop.id = 'gr-toc-backdrop';

// Overlay
const overlay = document.createElement('div');
overlay.id = 'gr-toc-overlay';

overlay.appendChild(toc.cloneNode(true));

document.body.appendChild(btn);
document.body.appendChild(backdrop);
document.body.appendChild(overlay);

function openTOC() {
overlay.classList.add('open');
backdrop.classList.add('open');
}

function closeTOC() {
overlay.classList.remove('open');
backdrop.classList.remove('open');
}

btn.addEventListener('click', openTOC);
backdrop.addEventListener('click', closeTOC);

overlay.querySelectorAll('a').forEach(a => {
a.addEventListener('click', closeTOC);
});
});

MediaWiki:Mobile.js - Revision history