searchlocal.js

   1 function filtercell(el, set, action) {
   2         switch (action) {
   3                 case 'focus':
   4                         el.classList[set ? 'add' : 'remove'](action);
   5                         break;
   6                 case 'target':
   7                         if (set) el.classList.toggle(action);
   8                         break;
   9                 case 'remove':
  10                         if (set) el.style.display = 'none';
  11                         break;
  12                 case 'add':
  13                         if (set) el.style.display = '';
  14                         break;
  15                 case 'toggle':
  16                         if (set) el.style.display = el.style.display == 'none' ? '' : 'none';
  17                         break;
  18                 case 'filter':
  19                         el.style.display = set ? '' : 'none';
  20                         if (!Element.prototype.hasOwnProperty('classList')) return;
  21                         el.classList.remove('focus');
  22                         break;
  23                 default: // reset
  24                         el.classList.remove('focus');
  25                         el.classList.remove('target');
  26         }
  27 }
  28
  29 function filterrows(table, match, action) {
  30         var rows = table.tBodies[0].rows;
  31         for (var i = 0; i < rows.length; i++) {
  32                 filtercell(rows[i], match && match(rows[i]), action);
  33         }
  34 }
  35
  36 function filtertable(query, action) {
  37         var table = document.getElementsByTagName('TABLE')[0];
  38
  39         if (!action) {
  40                 var match = /^([-+?=]?)(.*)/.exec(query);
  41                 switch (match[1]) {
  42                         case '+': action = 'add';    break;
  43                         case '-': action = 'remove'; break;
  44                         case '?': action = 'toggle'; break;
  45                         case '=': action = 'filter'; break;
  46                 }
  47                 query = match[2];
  48         }
  49
  50         if (/^[A-Z0-9 ]{2,}$/.test(query)) {
  51                 // category title if all uppercase
  52                 var match = function(row) {
  53                         return row.cells[0].title.match(query, 'i');
  54                 };
  55         }
  56         else if (action == 'focus' && query.length <= 1) {
  57                 // prevent superfluous highlighting
  58                 var match = false;
  59         }
  60         else {
  61                 // title text (case-insensitive unless caps in input)
  62                 var match = function(row) {
  63                         return row.cells[1].textContent.match(query, /[A-Z]/.test(query) ? '' : 'i');
  64                 };
  65         }
  66         filterrows(table, match, action || 'filter');
  67 }
  68
  69 function newelement(tagname, attrlist, childlist) {
  70         if (!attrlist) return document.createTextNode(tagname);
  71         var el = document.createElement(tagname);
  72         for (var name in attrlist)
  73                 el.setAttribute(name, attrlist[name]);
  74         if (childlist) for (var i = 0; i < childlist.length; i++)
  75                 el.appendChild(childlist[i]);
  76         return el;
  77 }
  78
  79 function prependsearch(target) {
  80         target.parentNode.insertBefore(newelement(
  81                 'form', {
  82                         id: 'search',
  83                         'class': 'aside',
  84                         onsubmit: "filtertable(this.q.value); this.q.value = ''; return false",
  85                 },
  86                 [
  87                         newelement('input', {
  88                                 type: 'search',
  89                                 name: 'q',
  90                                 onkeyup: "filtertable(this.value, 'focus')",
  91                         }),
  92                         newelement('input', {
  93                                 type: 'button',
  94                                 value: 'toggle',
  95                                 onclick: "filtertable(this.form.q.value, 'target')",
  96                         }),
  97                         newelement('input', {type:'submit', value:'filter'}),
  98                 ]
  99         ), target);
 100 }
 101