var sheet = null;
var all = true;
var selector = '.irrelevant';
var declaration = 'display:none';//'visibility:hidden';
var index;
window.onload = function() {
var filterButton = document.getElementById('filter');
filterButton.onclick = action;
sheet = document.styleSheets[0];
}
function insertRule() {
if (typeof sheet.insertRule !== 'function') {
index = sheet.addRule(selector,declaration,sheet.rules.length);
}
else {
index = sheet.insertRule(selector+' {'+declaration+'}',sheet.cssRules.length);
}
}
function deleteRule(){
if (typeof sheet.deleteRule !== 'function') {
index = sheet.removeRule(index);
}
else {
index = sheet.deleteRule(index);
}
}
function action(ev) {
if (all) {
insertRule();all=false;
}
else {
deleteRule();all=true;
}
}
It works!
Debo mencionar que mi resaltador de codigo lo deje sin terminar hace dos años y que en aquellos momentos no funcionaba en Internet Explorer.
No hay comentarios:
Publicar un comentario