syntax-highlighting
Version:
Syntax Highlighting Colorschemes for many applications
4 lines (3 loc) • 1.37 kB
JavaScript
domready(function(){var dtHeader=document.getElementById("demo-tilesHeader");var toggleBtn1=document.createElement("button");var numberShades=document.getElementById("numberShades");toggleBtn1.innerHTML="show 16 shades";toggleBtn1.setAttribute("class","button button-16");toggleBtn1.setAttribute("data-text-swap","show orginal 7 shades");toggleBtn1.setAttribute("data-text-original","show 16 shades");dtHeader.insertBefore(toggleBtn1,dtHeader.firstChild);toggleBtn1.addEventListener("click",function(){[].map.call(document.querySelectorAll(".shade-added"),
function(el){el.classList.toggle("hidden")});[].map.call(document.querySelectorAll(".shade-original"),function(el){el.classList.toggle("w-1v7")});[].map.call(document.querySelectorAll(".demo-tiles"),function(el){el.classList.toggle("collapsed")});if(toggleBtn1.getAttribute("data-text-swap")==toggleBtn1.innerHTML)toggleBtn1.innerHTML=toggleBtn1.getAttribute("data-text-original");else{toggleBtn1.setAttribute("data-text-original",toggleBtn1.innerHTML);toggleBtn1.innerHTML=toggleBtn1.getAttribute("data-text-swap")}if(numberShades.getAttribute("data-text-swap")==
numberShades.innerHTML)numberShades.innerHTML=numberShades.getAttribute("data-text-original");else{numberShades.setAttribute("data-text-original",numberShades.innerHTML);numberShades.innerHTML=numberShades.getAttribute("data-text-swap")}},false)});