syntax-highlighting
Version:
Syntax Highlighting Colorschemes for many applications
2 lines (1 loc) • 2.15 kB
JavaScript
domready(function(){var nav=document.getElementById("nav");var navBtn=document.createElement("a");navBtn.setAttribute("href","#");navBtn.setAttribute("class","nav_toggle");navBtn.insertAdjacentHTML("beforeend",'<span class="btn-text">menu</span>');nav.insertBefore(navBtn,nav.firstChild);nav.classList.add("nav-closed");function hasClass(e,t){return(new RegExp(" "+t+" ")).test(" "+e.className+" ")}function toggleClass(e,t){var n=" "+e.className.replace(/[\t\r\n]/g," ")+" ";if(hasClass(e,t)){while(n.indexOf(" "+ t+" ")>=0)n=n.replace(" "+t+" "," ");e.className=n.replace(/^\s+|\s+$/g,"")}else e.className+=" "+t}navBtn.onclick=function(){toggleClass(this.parentNode,"nav-open");toggleClass(this.parentNode,"nav-closed")};var root=document.documentElement;root.className=root.className+" js";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)});