Widget:ToggleFolioNumbers: Difference between revisions
From Dudjom Wiki
VSCode edit |
VSCode edit |
||
| Line 1: | Line 1: | ||
<script> | <script> | ||
(function() { | (function() { | ||
var folios = document.querySelectorAll('span.folio-number'); | mw.hook('wikipage.content').add(function() { | ||
var folios = document.querySelectorAll('span.folio-number'); | |||
if (!folios.length) return; | |||
var container = document.querySelector('#Tibetan_Text .oo-ui-fieldsetLayout-group'); | |||
if (!container) return; | |||
var visible = false; | |||
var link = document.createElement('a'); | |||
link.href = '#'; | |||
link.textContent = 'Show folio numbers'; | |||
link.onclick = function(e) { | |||
e.preventDefault(); | |||
visible = !visible; | |||
for (var i = 0; i < folios.length; i++) { | |||
folios[i].style.display = visible ? '' : 'none'; | |||
} | |||
link.textContent = visible ? 'Hide folio numbers' : 'Show folio numbers'; | |||
}; | |||
for (var i = 0; i < folios.length; i++) { | for (var i = 0; i < folios.length; i++) { | ||
folios[i].style.display = | folios[i].style.display = 'none'; | ||
} | } | ||
var div = document.createElement('div'); | |||
div.style.textAlign = 'right'; | |||
div.appendChild(link); | |||
container.insertBefore(div, container.firstChild); | |||
}); | |||
})(); | })(); | ||
</script> | </script> | ||
Revision as of 18:09, 24 February 2026
<script> (function() {
mw.hook('wikipage.content').add(function() {
var folios = document.querySelectorAll('span.folio-number');
if (!folios.length) return;
var container = document.querySelector('#Tibetan_Text .oo-ui-fieldsetLayout-group');
if (!container) return;
var visible = false;
var link = document.createElement('a');
link.href = '#';
link.textContent = 'Show folio numbers';
link.onclick = function(e) {
e.preventDefault();
visible = !visible;
for (var i = 0; i < folios.length; i++) {
folios[i].style.display = visible ? : 'none';
}
link.textContent = visible ? 'Hide folio numbers' : 'Show folio numbers';
};
for (var i = 0; i < folios.length; i++) {
folios[i].style.display = 'none';
}
var div = document.createElement('div');
div.style.textAlign = 'right';
div.appendChild(link);
container.insertBefore(div, container.firstChild);
});
})(); </script>