MediaWiki:Common.js: Difference between revisions

From Wittgenstein Nachlass Graphics
No edit summary
No edit summary
Line 8: Line 8:


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

Revision as of 18:08, 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.remove("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.add("slider-alt");
    document.getElementById('rend-literal-included').style.display = "block";
    document.getElementById('rend-bitmap-only').style.display = "none";
    toggleStatus = 'yes';
  }
}