MediaWiki:Common.js: Difference between revisions

From Wittgenstein Nachlass Graphics
No edit summary
No edit summary
Line 10: Line 10:
   if (toggleStatus == 'yes') {
   if (toggleStatus == 'yes') {
     //hides Unicode graphics
     //hides Unicode graphics
     document.getElementById('slider').classList.remove("slider-alt");
     document.getElementById('slider').classList.add("slider-alt");
     document.getElementById('rend-literal-included').style.display = "none";
     document.getElementById('rend-literal-included').style.display = "none";
     document.getElementById('rend-bitmap-only').style.display = "block";
     document.getElementById('rend-bitmap-only').style.display = "block";
Line 16: Line 16:
   } else {
   } else {
     //shows Unicode graphics
     //shows Unicode graphics
     document.getElementById('slider').classList.add("slider-alt");
     document.getElementById('slider').classList.remove("slider-alt");
     document.getElementById('rend-literal-included').style.display = "block";
     document.getElementById('rend-literal-included').style.display = "block";
     document.getElementById('rend-bitmap-only').style.display = "none";
     document.getElementById('rend-bitmap-only').style.display = "none";

Revision as of 18:09, 13 May 2024

/* Any JavaScript here will be loaded for all users on every page load. */

/* ====== switch toggle ====== */

document.getElementById('switch-input').addEventListener('click', toggleView); 

var toggleStatus = 'yes';

function toggleView() {
  if (toggleStatus == 'yes') {
    //hides Unicode graphics
    document.getElementById('slider').classList.add("slider-alt");
    document.getElementById('rend-literal-included').style.display = "none";
    document.getElementById('rend-bitmap-only').style.display = "block";
    toggleStatus = 'no';
  } else {
    //shows Unicode graphics
    document.getElementById('slider').classList.remove("slider-alt");
    document.getElementById('rend-literal-included').style.display = "block";
    document.getElementById('rend-bitmap-only').style.display = "none";
    toggleStatus = 'yes';
  }
}