X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/8448a08533738473a2f9a31537909fb6c3cf1a50..ff13359d0999d7b29d1326bc3bf63008821f53b6:/searchlocal.js

diff --git a/searchlocal.js b/searchlocal.js
new file mode 100644
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);
+}
+