case 'target':
if (set) el.classList.toggle(action);
break;
+ case 'remove':
+ if (set) el.style.display = 'none';
+ break;
+ case 'add':
+ if (set) el.style.display = '';
+ break;
+ case 'toggle':
+ if (set) el.style.display = el.style.display == 'none' ? '' : 'none';
+ break;
case 'filter':
el.style.display = set ? '' : 'none';
if (!Element.prototype.hasOwnProperty('classList')) return;
- // continue
+ el.classList.remove('focus');
+ break;
default: // reset
el.classList.remove('focus');
el.classList.remove('target');
function filterrows(table, match, action) {
var rows = table.tBodies[0].rows;
for (var i = 0; i < rows.length; i++) {
- filtercell(rows[i], match(rows[i]), action);
+ filtercell(rows[i], match && match(rows[i]), action);
}
}
function filtertable(query, action) {
var table = document.getElementsByTagName('TABLE')[0];
+ if (!action) {
+ var match = /^([-+?=]?)(.*)/.exec(query);
+ switch (match[1]) {
+ case '+': action = 'add'; break;
+ case '-': action = 'remove'; break;
+ case '?': action = 'toggle'; break;
+ case '=': action = 'filter'; break;
+ }
+ query = match[2];
+ }
+
if (/^[A-Z0-9 ]{2,}$/.test(query)) {
// category title if all uppercase
var match = function(row) {
return row.cells[0].title.match(query, 'i');
};
}
+ else if (action == 'focus' && query.length <= 1) {
+ // prevent superfluous highlighting
+ var match = false;
+ }
else {
// title text (case-insensitive unless caps in input)
var match = function(row) {
newelement('input', {
type: 'search',
name: 'q',
- onkeyup: "filtertable(this.value, this.value.length > 1 ? 'focus' : 'reset')",
+ onkeyup: "filtertable(this.value, 'focus')",
}),
newelement('input', {
type: 'button',