/** Kis JS Keep It Simple JS Library Copyright Timothy J. Warren License Public Domain Version 0.1.1 */ (function (){ "use strict"; // Property name for expandos on DOM objects var kis_expando = "KIS_0_1_0"; //Browser requirements check if (!document.querySelectorAll) { return; } var $_, $; $_ = {}; $_ = window.$_ = window.$_ || $_; if(typeof window.console === "undefined") { window.console = { log:function(){} } } /** * $ * * Simple DOM selector function */ $ = function (a) { var x; if (typeof a !== "string"){ return a;} //Pick the quickest method for each kind of selector if(a.match(/^#([\w\-]+$)/)) { return document.getElementById(a.split('#')[1]); } else if(a.match(/^([\w\-]+)$/)) { x = document.getElementsByTagName(a); } else { x = document.querySelectorAll(a); } return (x.length === 1) ? x[0] : x; }; window.$ = $; /** * Ajax * * Object for making ajax requests */ (function (){ var ajax = { _do: function (url, data, callback, isPost) { if (typeof callback === "undefined") { callback = function (){}; } var request = (typeof window.XMLHttpRequest !== "undefined") ? new XMLHttpRequest() : false; var type = (isPost) ? "POST" : "GET"; url += (type === "GET") ? "?" + this._serialize(data, true) : ''; request.open(type, url); request.onreadystatechange = function () { if (request.readyState === 4) { callback(request.responseText); } }; if (type === "POST") { request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); request.send(this._serialize(data)); } else { request.send(null); } }, _serialize: function (data, encode) { var pairs = []; for (var name in data) { if (!data.hasOwnProperty(name)) { continue; } if (typeof data[name] === "function") { continue; } var value = data[name].toString(); if (encode === true) { name = encodeURIComponent(name.replace(" ", "+")); value = encodeURIComponent(value.replace(" ", "+")); } pairs.push(name + "=" + value); } return pairs.join("&"); } }; $_.get = function (url, data, callback) { ajax._do(url, data, callback, false); }; $_.post = function (url, data, callback) { ajax._do(url, data, callback, true); }; }()); /** * Qs * * Object for encoding and decoding querystrings and hashbang strings */ (function (){ $_.hb = (history.pushState) ? false : true; var qs = { parse: function (hb) { hb = hb || $_.hb; var h, i, hString, pairs, pLen, data, y; data = {}; if (hb === true) { h = location.hash.split('#!/'); hString = (h.length > 1) ? h[1] : ''; } else if (hb === false || hb === undefined) { hString = window.location.search.substring(1); } else { return false; } pairs = hString.split('&'); pLen = pairs.length; for (i = 0; i < pLen; i++) { y = pairs[i].split('='); if (y.length < 2) { return data; } data[y[0]] = y[1]; } return data; }, set: function (key, value, hb) { hb = hb || $_.hb; var pairs = this.parse(hb); if (key !== undefined && value !== undefined) { pairs[key] = value; } var vars = []; for (var x in pairs) { if (pairs.hasOwnProperty(x)) { vars.push(x + '=' + pairs[x]); } } var qs = vars.join('&'); if (hb === true) { qs = '!/' + qs; location.hash = qs; } return qs; }, get: function (key, hb) { hb = hb || $_.hb; var pairs = this.parse(hb); return (pairs[key]) ? pairs[key] : ''; } }; $_.qs = qs; }()); /** * Store object * * Wrapper for localstorage data serialization */ (function (){ var store = { get: function (key) { return JSON.parse(localStorage.getItem(key)); }, set: function (key, value) { if (typeof value !== "string") { value = JSON.stringify(value); } localStorage.setItem(key, value); }, getAll: function () { var i, len, data; len = localStorage.length; data = {}; for (i = 0; i < len; i++) { var name = localStorage.key(i); var value = localStorage.getItem(name); data[name] = value; } return data; } }; $_.store = store; }()); /** * Event object * * Event api wrapper */ (function (){ var attach, remove, add_remove, e; // Define the proper attach and remove functions // based on browser support if(typeof document.addEventListener !== "undefined") { attach = function (sel, event, callback) { if (typeof sel.addEventListener === "function") { sel.addEventListener(event, callback, false); } }; remove = function (sel, event, callback) { if (typeof sel.removeEventListener === "function") { sel.removeEventListener(event, callback, false); } }; } //typeof function doesn't work in IE where attachEvent is available: brute force it else if(typeof document.attachEvent !== "undefined") { attach = function (sel, event, callback) { function listener () { // Internet Explorer fails to correctly set the 'this' object // for event listeners, so we need to set it ourselves. callback.apply(sel, arguments); } var i, len; if (typeof sel.attachEvent !== "undefined") { remove(sel, event, callback); // Make sure we don't have duplicate listeners sel.attachEvent("on" + event, listener); // Store our listener so we can remove it later var expando = sel[kis_expando] = sel[kis_expando] || {}; expando.listeners = expando.listeners || {}; expando.listeners[event] = expando.listeners[event] || []; expando.listeners[event].push({ callback: callback, listener: listener }); } else { console.log("Failed to attach event:"+event+" on "+sel); } }; remove = function (sel, event, callback) { if(typeof sel.detachEvent !== "undefined") { var expando = sel[kis_expando]; if (expando && expando.listeners && expando.listeners[event]) { var listeners = expando.listeners[event]; var len = listeners.length for (var i=0; i 1) { len = sel.length; for (i = 0; i < len; i++) { selx = (sel.item(i)) ? sel.item(i) : sel[i]; //Call recursively add_remove(selx, event, callback, add); } } else { (add === true) ? attach(sel, event, callback) : remove(sel, event, callback); } }; e = { add: function (sel, event, callback) { add_remove(sel, event, callback, true); }, remove: function (sel, event, callback) { add_remove(sel, event, callback, false); } }; $_.event = e; }()); /** * Dom manipulation object * */ (function (){ var d; //Private function for getting/setting attributes function _attr(sel, name, value) { var oldVal, doAttr, i; if(sel.length > 1) { var len = sel.length; for(i=0;i 1) ? cs.join(" ") : cs[0]; if (typeof sel.className !== "undefined") { sel.className = cName; } else if (typeof sel.setAttribute !== "undefined") { sel.setAttribute('class', cName); } else { console.log(sel); } return cName; } } function _css(sel, prop, val) { var equi; //Todo: camelCase things like border-left to borderLeft //Let's try the easy way first if(typeof sel.style[prop] !== "undefined") { sel.style[prop] = val; //Short circuit return; } //Let have an object with equivalent properties //for `special` browsers, and other quirks var equi = { top: "", right: "", bottom: "", left: "" }; if(sel.style[equi[prop]]) { sel.style[equi[prop]] = val; return; } //No matches? Well, lets log it for now console.log("Property " + prop + " nor an equivalent seems to exist"); } d = { each: function (sel, callback) { sel = $(sel); if(!sel.length) { // sel is a DOM Element callback(sel); } else { var len = sel.length; if (len === 0) { return; } if (len === 1) { return callback(sel); } var selx; for (var x = 0; x < sel.length; x++) { selx = (sel.item(x)) ? sel.item(x) : sel[x]; callback(selx); } } }, addClass: function (sel, c) { sel = $(sel); this.each(sel, function (e){ _class(e, c, true); }); }, removeClass: function (sel, c) { sel = $(sel); this.each(sel, function (e){ _class(e, c, false); }); }, hide: function (sel) { sel = $(sel); if (sel.length > 1) { this.each(sel, function (e){ e.style.display = "none"; }); } else { if (sel.style) { sel.style.display = "none"; } } }, show: function (sel, type) { sel = $(sel); if (typeof type === "undefined") { type = "block"; } if (sel.length > 1) { this.each(sel, function (e){ e.style.display = type; }); } else { sel.style.display = type; } }, attr: function (sel, name, value) { sel = $(sel); //Make sure you don't try to get a bunch of elements if (sel.length > 1 && typeof value === "undefined") { console.log(sel); console.log("Must be a singular element"); return; } else if (sel.length > 1 && typeof value !== "undefined") //You can set a bunch, though { this.each(sel, function (e){ _attr(e, name, value); }); } else //Normal behavior { return _attr(sel, name, value); } }, text: function(sel, value) { var oldValue, set, type; sel = $(sel); set = (typeof value !== "undefined") ? true : false; type = (typeof sel.innerText !== "undefined") ? "innerText" : (typeof sel.textContent !== "undefined") ? "textContent" : "innerHTML"; oldValue = sel[type]; if(set) { sel[type] = value; return value; } else { return oldValue; } }, css: function(sel, prop, val) { this.each(sel, function (e){ _css(e, prop, val); }); } }; $_.dom = d; }()); }());