browser: local search form

[sheet.git] / searchlocal.js

diff --git a/searchlocal.js b/searchlocal.js
new file mode 100644 (file)
index 0000000..4de1423
--- /dev/null
+++ b/searchlocal.js
@@ -0,0 +1,54 @@
+function filtertable(query, action) {
+       var rows = document.getElementsByTagName('TBODY')[0].rows;
+       for (var i = 0; i < rows.length; i++) {
+               var keep = rows[i].cells[1].textContent.match(query, query.match(/[A-Z]/) ? '' : 'i');
+               switch (action) {
+                       case 'focus':
+                               rows[i].classList[keep ? 'add' : 'remove'](action);
+                               break;
+                       case 'target':
+                               if (keep) rows[i].classList.toggle(action);
+                               break;
+                       case 'filter':
+                               rows[i].style.display = keep ? '' : 'none';
+                               // continue
+                       default: // reset
+                               rows[i].classList.remove('focus');
+                               rows[i].classList.remove('target');
+               }
+       }
+}
+
+function newelement(tagname, attrlist, childlist) {
+       if (!attrlist) return document.createTextNode(tagname);
+       var el = document.createElement(tagname);
+       for (var name in attrlist)
+               el.setAttribute(name, attrlist[name]);
+       if (childlist) for (var i = 0; i < childlist.length; i++)
+               el.appendChild(childlist[i]);
+       return el;
+}
+
+function prependsearch(target) {
+       target.parentNode.insertBefore(newelement(
+               'form', {
+                       id: 'search',
+                       class: 'aside',
+                       onsubmit: "filtertable(this.q.value, 'filter'); this.q.value = ''; return false",
+               },
+               [
+                       newelement('input', {
+                               type: 'search',
+                               name: 'q',
+                               onkeyup: "filtertable(this.value, this.value.length > 1 ? 'focus' : 'reset')",
+                       }),
+                       newelement('input', {
+                               type: 'button',
+                               value: 'toggle',
+                               onclick: "filtertable(this.form.q.value, 'target')",
+                       }),
+                       newelement('input', {type:'submit', value:'filter'}),
+               ]
+       ), target);
+}
+