2 var filtertoggles = document.body.classList !== undefined;
4 function filtercell(el, set, action) {
5 if (set === undefined) return;
8 el.classList[set ? 'add' : 'remove'](action);
11 if (set) el.classList.toggle(action);
14 if (set) el.style.display = 'none';
17 if (set) el.style.display = '';
20 if (set) el.style.display = el.style.display == 'none' ? '' : 'none';
23 el.style.display = set ? '' : 'none';
24 if (filtertoggles) el.classList.remove('focus');
27 el.classList.remove('focus');
28 el.classList.remove('target');
32 function filtercols(table, match, action) {
34 for (var y = 0; y < table.rows.length; y++) {
36 for (var x = 0; x < table.rows[y].cells.length; x++) {
37 var cell = table.rows[y].cells[x];
39 var res = match(cell);
40 for (var i = loc; i < loc + cell.colSpan; i++) matchloc[i] = res;
41 filtercell(table.children.item(x), res, action); // colgroup
43 filtercell(cell, matchloc[loc], action);
49 function filterrows(table, match, action) {
50 var rows = table.tBodies[0].rows;
51 for (var i = 0; i < rows.length; i++) {
52 filtercell(rows[i], match && match(rows[i]), action);
56 function filtertable(query, action) {
57 filterupdate = undefined;
58 if (query === undefined) query = document.getElementById('search').q.value;
59 var table = document.getElementsByTagName('TABLE')[0];
62 var match = /^([-+?=]?)(.*)/.exec(query);
64 case '+': action = 'add'; break;
65 case '-': action = 'remove'; break;
66 case '?': action = 'toggle'; break;
67 case '=': action = 'filter'; break;
72 if (document.querySelector !== undefined) {
73 if (query == '' && action == 'add') {
74 // restore all columns if explicitly adding all ("+")
75 filtercols(table, function(){return true}, 'add');
76 // continue to restore rows
78 if (/^[a-z_]+$/.test(query) && document.querySelector('.b-a-'+query)) {
79 // column if class b-a-* exists
80 var match = function(th) {
81 if (!/\bb-a-/.test(th.className)) return;
82 return new RegExp('-'+query+'\\b').test(th.className);
84 return filtercols(table, match, action || 'toggle');
88 if (/^[A-Z0-9 ]{2,}$/.test(query)) {
89 // category title if all uppercase
90 var match = function(row) {
91 return row.cells[0].title.match(query, 'i');
94 else if (numquery = /^([<>])(\d+)$/.exec(query)) {
95 // support percentage if numeric comparison
96 var match = function(row) {
97 var pct = row.cells[row.cells.length - 1].textContent;
98 pct -= numquery[2]; // compare to query
99 return numquery[1] == '<' ? pct < 0 : pct >= 0;
102 else if (action == 'focus' && query.length <= 1) {
103 // prevent superfluous highlighting
107 // title text (case-insensitive unless caps in input)
108 var match = function(row) {
109 return row.cells[1].textContent.match(query, /[A-Z]/.test(query) ? '' : 'i');
112 filterrows(table, match, action || 'filter');
115 function newelement(tagname, attrlist, childlist) {
116 if (!attrlist) return document.createTextNode(tagname);
117 var el = document.createElement(tagname);
118 for (var name in attrlist)
119 el.setAttribute(name, attrlist[name]);
120 if (childlist) for (var i = 0; i < childlist.length; i++)
121 if (childlist[i]) el.appendChild(childlist[i]);
125 function prependsearch(target) {
126 target.parentNode.insertBefore(newelement(
130 'className': 'aside', // msie
131 onsubmit: "filtertable(this.q.value); this.q.value = ''; return false"
134 newelement('input', {
137 onkeyup: "if (filtertoggles && !filterupdate) filterupdate = "
138 + "window.setTimeout(filtertable, 300, undefined, 'focus')"
140 filtertoggles && newelement('input', {
143 onclick: "filtertable(this.form.q.value, 'target')"
145 newelement('input', {type:'submit', value:'filter'})