/** Kis JS Keep It Simple JS Library Copyright Timothy J. Warren License Public Domain Version 0.6.0 */ (function (){ "use strict"; // Most functions rely on a string selector // which returns html elements. This requires // document.querySelectorAll or a custom // selector engine. I choose to just use the // browser feature, since it is present in // IE 8+, and all other major browsers if (typeof document.querySelector === "undefined") { return; } var $_, $, dcopy, sel; /** * $_ * * Constructor function * * @constuctor * @namespace * @param string selector * @return object */ $_ = function(s) { //Have documentElement be default selector, just in case if(typeof s === "undefined") { //Defines a "global" selector for that instance sel = (typeof $_.el !== "undefined") ? $_.el : document.documentElement; } else { sel = (typeof s !== "object") ? $(s) : s; } // Add the selector to the prototype $_.prototype.el = sel; // Use the $_ object as it's own prototype var self = dcopy($_); // Give sel to each extension. for(var i in self) { if(typeof self[i] === "object") { self[i].el = sel; } } self.el = sel; return self; }; /** * Simple DOM selector function * * @memberOf $_ * @param string selector * @param object context * @return object * @type object */ $ = function (a, context) { var x, c; if (typeof a != "string" || typeof a === "undefined"){ return a;} //Check for a context of a specific element, otherwise, just run on the document c = (context != null && context.nodeType === 1) ? context : document; //Pick the quickest method for each kind of selector if (a.match(/^#([\w\-]+$)/)) { return document.getElementById(a.split('#')[1]); } else { x = c.querySelectorAll(a); } //Return the single object if applicable return (x.length === 1) ? x[0] : x; }; /** * Deep copy/prototypical constructor function * * @param object obj * @private * @return object * @type object */ dcopy = function(obj) { var type, F; if(typeof obj === "undefined") { return; } if(typeof Object.create !== "undefined") { return Object.create(obj); } type = typeof obj; if(type !== "object" && type !== "function") { return; } /** * @private */ F = function(){}; F.prototype = obj; return new F(); }; /** * Adds the property `obj` to the $_ object, calling it `name` * * @param string name * @param object obj */ $_.ext = function(name, obj) { obj.el = sel; $_[name] = obj; }; /** * Iterates over a $_ object, applying a callback to each item * * @name $_.each * @function * @param function callback */ $_.ext('each', function (callback) { if(typeof sel.length !== "undefined" && sel !== window) { // Use the native method, if it exists if(typeof Array.prototype.forEach !== 'undefined') { [].forEach.call(sel, callback); return; } // Otherwise, fall back to a for loop var len = sel.length; if (len === 0) { return; } var selx; for (var x = 0; x < len; x++) { selx = (sel.item(x)) ? sel.item(x) : sel[x]; callback.call(selx, selx); } } else { callback.call(sel, sel); } }); /** * Retrieves the type of the passed variable * * @param mixed obj * @return string * @type string */ $_.type = function(obj) { if((function() {return obj && (obj !== this)}).call(obj)) { //fallback on 'typeof' for truthy primitive values return (typeof obj).toLowerCase(); } //Strip x from [object x] and return return ({}).toString.call(obj).match(/\s([a-z|A-Z]+)/)[1].toLowerCase(); }; //Set global variables $_ = window.$_ = window.$_ || $_; $_.$ = $; }()); // -------------------------------------------------------------------------- /** * A module of various browser polyfills * @file polyfill.js */ /** * String trim function polyfill */ if(typeof String.prototype.trim === "undefined") { /** * @private */ String.prototype.trim = function() { return this.replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, ""); }; } // -------------------------------------------------------------------------- /** * event.preventDefault/e.stopPropagation polyfill * @private */ if(typeof Event.preventDefault === "undefined" && typeof window.event !== "undefined") { Event.prototype.preventDefault = function() { window.event.returnValue = false; }, Event.prototype.stopPropagation = function() { window.event.cancelBubble = true; } } // -------------------------------------------------------------------------- /** * Array.isArray polyfill */ if (typeof Array.isArray === "undefined") { Array.isArray = function(v) { return Object.prototype.toString.apply(v) === '[object Array]'; } } // -------------------------------------------------------------------------- /** * Ajax * * Module for making ajax requests */ (function (){ "use strict"; // Don't bother even defining the object if the XMLHttpRequest isn't available if(typeof window.XMLHttpRequest === "undefined") { return; } var ajax = { _do: function (url, data, success_callback, error_callback, isPost) { var type, request = new XMLHttpRequest(); if (typeof success_callback === "undefined") { /** * @private */ success_callback = function (){}; } type = (isPost) ? "POST" : "GET"; url += (type === "GET") ? "?"+this._serialize(data) : ''; request.open(type, url); request.onreadystatechange = function () { if (request.readyState === 4) { if (request.status === 200) { success_callback.call(request.responseText, request.responseText); } else { if (typeof error_callback !== 'undefined') { error_callback.call(request.status, request.status); } } } }; if (type === "POST") { request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); request.send(this._serialize(data)); } else { request.send(null); } }, _serialize: function (data) { var name, value, pairs = []; for (name in data) { if (!data.hasOwnProperty(name)) { continue; } if (typeof data[name] === "function") { continue; } value = data[name].toString(); name = encodeURIComponent(name); value = encodeURIComponent(value); pairs.push(name + "=" + value); } return pairs.join("&"); } }; /** * Sends a GET type ajax request * * @name get * @function * @memberOf $_ * @param string url * @param object data * @param function success_callback * @param function error_callback */ $_.ext('get', function (url, data, success_callback, error_callback){ ajax._do(url, data, success_callback, error_callback, false); }); /** * Sends a POST type ajax request * * @name post * @function * @memberOf $_ * @param string url * @param object data * @param function success_callback * @param function error_callback */ $_.ext('post', function (url, data, success_callback, error_callback){ ajax._do(url, data, success_callback, error_callback, true); }); /** * Watches for server-sent events and applies a callback on message * * @name sse * @function * @memberOf $_ * @param string url * @param function callback */ $_.ext('sse', function(url, callback, poll_rate){ var source; // Check for server-sent event support if (typeof EventSource !== 'undefined') { source = new EventSource(url); // Apply the callback source.onmessage = function(event){ callback.call(event.data, event.data); }; } }); }()); // -------------------------------------------------------------------------- /** * Event * * Event api wrapper * @todo Add method for triggering events */ (function (){ "use strict"; // Property name for expandos on DOM objects var kis_expando = "KIS_0_6_0"; var _attach, _remove, _add_remove, e, _attach_delegate; // Define the proper _attach and _remove functions // based on browser support if(typeof document.addEventListener !== "undefined") { /** * @private */ _attach = function (sel, event, callback) { if(typeof sel.addEventListener !== "undefined") { // Duplicated events are dropped, per the specification sel.addEventListener(event, callback, false); } }; /** * @private */ _remove = function (sel, event, callback) { if(typeof sel.removeEventListener !== "undefined") { 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") { /** * @private */ _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(arguments[0]); } if (typeof sel.attachEvent !== "undefined") { _remove(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 }); } }; /** * @private */ _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