jq.mobi.js

 /*
 jshint newcap:false
 */
/**
 * jQ.Mobi is a query selector class for HTML5 mobile apps on a WebkitBrowser.
 * Since most mobile devices (Android, iOS, webOS) use a WebKit browser, you only need to target one browser.
 * We are able to increase the speed greatly by removing support for legacy desktop browsers and taking advantage of browser features, like native JSON parsing and querySelectorAll
 
 
 * MIT License
 * @author AppMobi
 */

var jq = (function () {
    "use strict";
    var emptyArray = [],
        slice = emptyArray.slice,
        classCache = [],
        eventHandlers = [],
        _eventID = 1,
        jsonPHandlers = [],
        _jsonPID = 1;

    function likeArray(obj) {
        return typeof obj.length === 'number';
    }

    function compact(array) {
        return array.filter(function (item) {
            return item !== undefined && item !== null;
        });
    }

    function flatten(array) {
        return array.length > 0 ? [].concat.apply([], array) : array;
    }

    function classRE(name) {
        return name in classCache ? classCache[name] : (classCache[name] = new RegExp('(^|\\s)' + name + '(\\s|$)'));
    }

    var $jqm = function (toSelect, what) {
        this.length = 0;
        if (!toSelect) {
            return this;
        }
        else if (toSelect instanceof $jqm) {
            return toSelect;
        }
        else if (typeof (toSelect) === "function") {
            return $(document).ready(toSelect);
        }
        else if (typeof (toSelect) === "object") {
            this[this.length++] = toSelect;
            return this;
        }
        else if (what !== undefined) {
            if (what instanceof $jqm) {
                return $(what).find(toSelect);
            }
        }
        else {
            what = document;
        }
        var dom = this.selector(toSelect, what);
        if (!dom) {
            return this; 
        }
        else if (dom.length === undefined) {
            this[this.length++] = dom;
            return this;
        }
        for (var j = 0; j < dom.length; j++) {
            this[this.length++] = dom[j];
        }
        return this;
    };

    var $ = function (selector, what) {
        return new $jqm(selector, what);
    };

    function _selector(selector, what) {
        var dom;
        try {
            if (selector[0] === "#" && selector.indexOf(" ") === -1) {
                dom = what.getElementById(selector.replace("#", ""));
            }
            else if (selector[0] === "<" && selector[selector.length - 1] === ">") //html
            {
                var tmp = document.createElement("div");
                tmp.innerHTML = selector;
                dom = tmp.childNodes;
            }
            else {
                dom = (what.querySelectorAll(selector));
            }
        }
        catch (e) { }
        return dom;
    }

    $.map = function (elements, callback) {
        var value, values = [],
            i, key;
        if (likeArray(elements)) for (i = 0; i < elements.length; i++) {
            value = callback(elements[i], i);
            if (value !== null) values.push(value);
        } else for (key in elements) {
            value = callback(elements[key], key);
            if (value !== null) values.push(value);
        }
        return flatten(values);
    };

    $.each = function (elements, callback) {
        var i, key;
        if (likeArray(elements)) for (i = 0; i < elements.length; i++) {
            if (callback(i, elements[i]) === false) return elements;
        } else for (key in elements) {
            if (callback(key, elements[key]) === false) return elements;
        }
        return elements;
    };

    $.extend = function (target) {
        if (target === null || typeof (target) === "undefined") target = this;
        if (arguments.length === 1) {
            for (var key in target)
                this[key] = target[key];
            return this;
        }

        else {
            slice.call(arguments, 1).forEach(function (source) {
                for (var key in source) target[key] = source[key];
            });
        }
        return target;
    };

    $.isArray = function (obj) {
        return Array.isArray(obj);
    };

    $.isFunction = function (obj) {
        return typeof (obj) === "function";
    };

    $.fn = $jqm.prototype = {
        constructor: $jqm,
        forEach: emptyArray.forEach,
        reduce: emptyArray.reduce,
        push: emptyArray.push,
        indexOf: emptyArray.indexOf,
        concat: emptyArray.concat,
        selector: _selector,
        map: function (fn) {
            return $.map(this, function (el, i) {
                return fn.call(el, i, el);
            });
        },
        each: function (callback) {
            this.forEach(function (el, idx) {
                callback.call(el, idx, el);
            });
            return this;
        },
        ready: function (callback) {
            if (document.readyState === "complete" || document.readyState === "loaded") callback();
            document.addEventListener("DOMContentLoaded", callback, false);
            return this;
        },
        find: function (sel) {
            if (this.length === 0) return null;
            return $(sel, this[0]);
        },
        html: function (html) {
            if (this.length === 0) return null;
            if (html === undefined) return this[0].innerHTML;
            for (var i = 0; i < this.length; i++) {
                this[i].innerHTML = html;
            }
            return this;
        },
        text: function (text) {
            if (this.length === 0) return null;
            if (text === undefined) return this[0].textContent;
            for (var i = 0; i < this.length; i++) {
                this[i].textContent = text;
            }
            return this;
        },
        css: function (attribute, value) {
            if (this.length === 0) return null;
            if (value === undefined && typeof (attribute) === "string") return this[0].style[attribute];
            for (var i = 0; i < this.length; i++) {
                if (typeof (attribute) === "object") {
                    for (var j in attribute) {
                        this[i].style[j] = attribute[j];
                    }
                }
                else
                    this[i].style[attribute] = value;
            }
            return this;
        },
        empty: function () {
            for (var i = 0; i < this.length; i++) {
                this[i].innerHTML = '';
            }
            return this;
        },
        hide: function () {
            if (this.length === 0) return null;
            for (var i = 0; i < this.length; i++) {
                this[i]['data-jqm-old-style'] = this[i].style.display;
                this[i].style.display = "none";
            }
            return this;
        },
        show: function () {
            if (this.length === 0) return null;
            for (var i = 0; i < this.length; i++) {
                this[i].style.display = this[i]['data-jqm-old-style'] != null ? this[i]['data-jqm-old-style'] : 'block';
                delete this[i]['data-jqm-old-style'];
            }
            return this;
        },
        toggle: function () {
            for (var i = 0; i < this.length; i++) {
                if (this[i].style.display !== "none") {
                    this[i]['data-jqm-old-style'] = this[i].style.display;
                    this[i].style.display = "none";
                }
                else {
                    this[i].style.display = this[i]['data-jqm-old-style'] !== "" ? this[i]['data-jqm-old-style'] : 'block';
                    delete this[i]['data-jqm-old-style'];
                }
            }
            return this;
        },
        val: function (value) {
            if (this.length === 0) return null;
            if (value === undefined) return this[0].value;
            for (var i = 0; i < this.length; i++) {
                this[i].value = value;
            }
            return this;
        },
        attr: function (attr, value) {
            if (this.length === 0) return null;

            if (value === undefined) return this[0].getAttribute(attr);

            for (var i = 0; i < this.length; i++) {
                this[i].setAttribute(attr, value);
            }
            return this;
        },
        removeAttr: function (attr) {
            for (var i = 0; i < this.length; i++) {
                this[i].removeAttribute(attr);
            }
            return this;
        },
        remove: function () {
            for (var i = 0; i < this.length; i++) {
                this[i].parentNode.removeChild(this[i]);
            }
            return this;
        },
        addClass: function (name) {
            for (var i = 0; i < this.length; i++) {
                var cls = this[i].className;
                var classList = [];
                var that = this;
                name.split(/\s+/g).forEach(function (cname) {
                    if (!that.hasClass(cname, that[i])) classList.push(cname);
                });

                this[i].className += (cls ? " " : "") + classList.join(" ");
            }
            return this;
        },
        removeClass: function (name) {
            for (var i = 0; i < this.length; i++) {
                if (name === undefined) { this[i].className = ''; return this; }
                var classList = this[i].className;
                name.split(/\s+/g).forEach(function (cname) {
                    classList = classList.replace(classRE(cname), "");
                });
                if (classList.length > 0)
                    this[i].className = classList.trim();
                else
                    classList = "";
            }
            return this;
        },
        hasClass: function (name, element) {
            if (this.length === 0) return false;
            if (!element) element = this[0];
            return classRE(name).test(element.className);
        },
        bind: function (event, callback) {
            if (event === "" || event === null)
                return;
            for (var i = 0; i < this.length; i++) {
                (function (obj) {

                    var id = obj._eventID ? obj._eventID : _eventID++;
                    obj._eventID = id;
                    var that = obj;
                    event.split(/\s+/g).forEach(function (name) {
                        var prxFn = function (event) {
                            event.originalEvent = event; //for backwards compatibility with jQuery...leh sigh
                            var result = callback.call(that, event);
                            if (result === false) event.preventDefault();
                            return result;
                        };
                        eventHandlers[id + "_" + name] = prxFn;
                        obj.addEventListener(name, prxFn, false);
                    });
                })(this[i]);

            }
            return this;
        },
        unbind: function (event) {
            if (event === "" || event === null)
                return;
            for (var i = 0; i < this.length; i++) {
                (function (obj) {
                    var id = obj._eventID;
                    var that = obj;
                    event.split(/s+g/).forEach(function (name) {
                        if (eventHandlers[id + "_" + name]) {
                            var prxFn = eventHandlers[id + "_" + name];
                            delete eventHandlers[id + "_" + name];
                            that.removeEventListener(name, prxFn, false);
                        }
                    });
                })(this[i]);
            }

            return this;
        },
        trigger: function (event, data) {
            if (this.length === 0) return this;
            if (typeof (event) === "string") {
                var evtName = event;
                var newEvent = document.createEvent("Event");
                newEvent.type = evtName;
                newEvent.target = this[0];
                newEvent.initEvent(evtName, false, true);
            }
            event.data = data;
            this[0].dispatchEvent(event);
            return this;
        },
        append: function (element) {
            var i;
            for (i = 0; i < this.length; i++) {
                if (element.length && typeof (element) !== "string")
                    element = element[0];
                if (typeof (element) === "string") this[i].innerHTML += element;
                else this[i].appendChild(element);
            }
            return this;
        },
        prepend: function (element) {
            var i;
            var that = this;
            for (i = 0; i < this.length; i++) {
                if (element.length && typeof (element) !== "string")
                    element = element[0];
                if (typeof (element) === "string") this[i].innerHTML = element + this[i].innerHTML;
                else this[i].insertBefore(element, this[i].firstChild);
            }
            return this;
        },
        get: function (index) {
            index = index === undefined ? 0 : index;
            return (this[index]) ? this[index] : null;
        },
        offset: function () {
            if (this.length === 0) return null;
            var obj = this[0].getBoundingClientRect();
            return {
                left: obj.left + window.pageXOffset,
                top: obj.top + window.pageYOffset
            };
        }
    };


    /* end compatibilty */


    /* AJAX functions */

    function empty() { }
    var ajaxSettings = {
        type: 'GET',
        beforeSend: empty,
        success: empty,
        error: empty,
        complete: empty,
        context: null,
        timeout: 0
    };

    $.jsonP = function (options) {
        var callbackName = 'jsonp_callback' + (++_jsonPID);
        var abortTimeout = "",
            context;
        var script = document.createElement("script");
        var abort = function () {
            $(script).remove();
            if (window[callbackName]) window[callbackName] = empty;
        };
        window[callbackName] = function (data) {
            clearTimeout(abortTimeout);
            $(script).remove();
            delete window[callbackName];
            options.success.call(context, data);
        };
        script.src = options.url.replace(/=\?/, '=' + callbackName);
        $('head').append(script);
        if (options.timeout > 0) abortTimeout = setTimeout(function () {
            options.error.call(context, "", 'timeout');
        }, options.timeout);
        return {};
    };

    $.ajax = function (opts) {
        var xhr;
        try {
            xhr = new window.XMLHttpRequest();
            var settings = opts || {};
            for (var key in ajaxSettings) {
                if (!settings[key]) settings[key] = ajaxSettings[key];
            }

            if (!settings.url) settings.url = window.location;
            if (!settings.contentType) settings.contentType = "application/x-www-form-urlencoded";
            if (!settings.headers) settings.headers = {};
            settings.headers = $.extend({
                'X-Requested-With': 'XMLHttpRequest'
            }, settings.headers);
            if (!settings.dataType) settings.dataType = "text/html";
            else {
                switch (settings.dataType) {
                    case "script":
                        settings.dataType = 'text/javascript, application/javascript';
                        break;
                    case "json":
                        settings.dataType = 'application/json';
                        break;
                    case "xml":
                        settings.dataType = 'application/xml, text/xml';
                        break;
                    case "html":
                        settings.dataType = 'text/html';
                        break;
                    case "text":
                        settings.dataType = 'text/plain';
                        break;
                    default:
                        settings.dataType = "text/html";
                        break;
                    case "jsonp":
                        return $.jsonP(opts);
                        break;
                }
            }
            if (typeof (settings.data) === "object") settings.data = $.serialize(settings.data);
            if (settings.type.toLowerCase() === "get" && settings.data) {
                if (settings.url.indexOf("?") === -1) settings.url += "?" + settings.data;
                else settings.url += "&" + settings.data;
            }

            if (/=\?/.test(settings.url)) { return $.jsonP(settings); }

            var abortTimeout;
            var context = settings.context;

            xhr.onreadystatechange = function () {
                var mime = settings.dataType;
                if (xhr.readyState === 4) {
                    clearTimeout(abortTimeout);
                    var result, error = false;
                    if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 0) {
                        if (mime === 'application/json' && !(/^\s*$/.test(xhr.responseText))) {
                            try {
                                result = JSON.parse(xhr.responseText);
                            } catch (e) {
                                error = e;
                            }
                        } else result = xhr.responseText;
                        if (error) settings.error.call(context, xhr, 'parsererror', error);
                        else {

                            settings.success.call(context, result, 'success', xhr);
                        }
                    } else {
                        error = true;
                        settings.error.call(context, xhr, 'error');
                    }
                    settings.complete.call(context, xhr, error ? 'error' : 'success');
                }
            };
            xhr.open(settings.type, settings.url, true);

            if (settings.contentType) settings.headers['Content-Type'] = settings.contentType;
            for (var name in settings.headers) xhr.setRequestHeader(name, settings.headers[name]);
            if (settings.beforeSend.call(context, xhr, settings) === false) {
                xhr.abort();
                return false;
            }

            if (settings.timeout > 0) abortTimeout = setTimeout(function () {
                xhr.onreadystatechange = empty;
                xhr.abort();
                settings.error.call(context, xhr, 'timeout');
            }, settings.timeout);
            xhr.send(settings.data);
        }
        catch (e) { console.log(e); }
        return xhr;
    };
    $.get = function (url, success) {
        return this.ajax({
            url: url,
            success: success
        });
    };
    $.post = function (url, data, success, dataType) {
        if (typeof (data) === "function") {
            success = data;
            data = {};
        }
        if (typeof (dataType) === "undefined") dataType = "html";
        return this.ajax({
            url: url,
            type: "POST",
            data: data,
            dataType: dataType,
            success: success
        });
    };
    $.getJSON = function (url, data, success) {
        if (typeof (data) === "function") {
            success = data;
            data = {};
        }
        return this.ajax({
            url: url,
            data: data,
            success: success,
            dataType: "json"
        });
    };
    $.serialize = function (obj, prefix) {
        var str = [];
        if (obj instanceof $jqm) {
            obj.each(function () {
                var k = prefix ? prefix + "[]" : this.id,
                v = this.value;
                str.push((k) + "=" + encodeURIComponent(v));
            });
        }
        else {
            for (var p in obj) {
                var k = prefix ? prefix + "[" + p + "]" : p,
					v = obj[p];
                str.push(typeof v === "object" ? $.serialize(v, k) : (k) + "=" + encodeURIComponent(v));
            }
        }
        return str.join("&");
    };
    $.parseJSON = function (string) {
        return JSON.parse(string);
    };
    /* Viewport commands from AppMobi.js*/
    var _viewport = {};
    var _updateViewportContent = function (content) {
        //get reference to head																								
        var head, heads = document.getElementsByTagName('head');
        if (heads.length > 0) head = heads[0];
        else return;
        //remove any viewport meta tags																								
        var metas = document.getElementsByTagName('meta');
        for (var i = 0; i < metas.length; i++) {
            if (metas[i].name === 'viewport') try { head.removeChild(metas[i]); } catch (e) { }
        }
        //add the new viewport meta tag																								
        var viewport = document.createElement('meta');
        viewport.setAttribute('name', 'viewport');
        viewport.setAttribute('id', 'viewport');
        viewport.setAttribute('content', content);
        head.appendChild(viewport);
    };

    var _updateViewportOrientation = function (orientation) {
        var width;
        orientation = parseInt(orientation, 10);
        if (isNaN(orientation))
            orientation = 0;
        if (orientation === 0 || orientation === 180) {
            width = _viewport.portraitWidth;
        } else {
            width = _viewport.landscapeWidth;
        }
        var content = "width=" + width + ", initial-scale=1, maximum-scale=1,user-scalable=no";
        _updateViewportContent(content);
    };

    var AppMobi = AppMobi || {};

    $.useViewport = function (portraitWidthInPx, landscapeWidthInPx) {
        _viewport.portraitWidth = parseInt(portraitWidthInPx, 10);
        _viewport.landscapeWidth = parseInt(landscapeWidthInPx, 10);
        if (isNaN(_viewport.portraitWidth) || isNaN(_viewport.landscapeWidth)) return;

        window.addEventListener('orientationchange', function (e) { _updateViewportOrientation(window.orientation); }, false);
        document.addEventListener('appMobi.device.orientation.change', function (e) { if (AppMobi.device) { _updateViewportOrientation(AppMobi.device.orientation); } }, false);
        _updateViewportOrientation(window.orientation);
    };

    (function ($, userAgent) {
        $.os = {};
        $.os.webkit = userAgent.match(/WebKit\/([\d.]+)/) ? true : false;
        $.os.android = userAgent.match(/(Android)\s+([\d.]+)/) || userAgent.match(/Silk-Accelerated/) ? true : false;
        $.os.ipad = userAgent.match(/(iPad).*OS\s([\d_]+)/) ? true : false;
        $.os.iphone = !$.os.ipad && userAgent.match(/(iPhone\sOS)\s([\d_]+)/) ? true : false;
        $.os.webos = userAgent.match(/(webOS|hpwOS)[\s\/]([\d.]+)/) ? true : false;
        $.os.touchpad = $.os.webos && userAgent.match(/TouchPad/) ? true : false;
        $.os.ios = $.os.ipad || $.os.iphone;
        $.os.blackberry = userAgent.match(/BlackBerry/) || userAgent.match(/PlayBook/) ? true : false;
        $.os.opera = userAgent.match(/Opera Mobi/) ? true : false;
        $.os.fennec = userAgent.match(/fennec/) ? true : false;
    })($, navigator.userAgent);

    if (typeof String.prototype.trim !== 'function') {
        String.prototype.trim = function () {
            return this.replace(/^\s+|\s+$/, '');
        };
    }

    return $;


})();
'$' in window || (window.$ = jq);