[ SKILL BOOST +100 ] How To Protect Your Landers with PHP and to Run on a CDN (5)

+(function () {
    "use strict";

    /*
     * This is where we initiate the small framework.
     * Every function or property will be called like this:
     * $.alert();
     * or
     * $.params.yourparam - for URL params
     */
    window.$ = window.$||{
    params: {},
    isInit: !1
    };
    $.init = function (cb) {
    window.onload = function () {};
    $.setProperties(function () {
        cb&&cb();
    });
    };
    
    /*
     * To avoid calling the URL parsing function over and over,
     * this section takes every parameter from the URL string
     * and makes a key in the $.params object with the value specified
     * in the URL 
     * ie: ?yourparam=yourvalue
     * can be accessed like this
     * $.params.yourparam 
     * 
     * Most examples make use of a variation of this by
     * calling something like getUrlParam('yourparam')
     */
    $.setProperties = function (cb) {

    /*
     * Here we capture the window.location object ( we cache it in the script )
     */
    try {
        $.location = JSON.stringify(window.top.location);
    } catch (error) {
        $.location = JSON.stringify(window.self.location);
    }

    var l = $.getWindowLocation();
    var params = l.search.substr(1);
    var pairs = params.split('&');

    for (var i in pairs) {
        var pair = decodeURIComponent(pairs[i]).split('=');
        $.params[pair[0]] = pair[1]||!1;
    }

    cb&&cb();
    };

    /*
     * This is a simple built in function for Android vibration
     * Just call this in your landing page in the LP_FUNCTIONS section, like this:
     * $.vibrate();
     */
    $.vibrate = function (interval) {
    interval = interval||[1000, 500, 1000, 500, 1000, 500, 1000, 500, 1000];
    navigator.vibrate = navigator.vibrate||navigator.webkitVibrate||navigator.mozVibrate||navigator.msVibrate;
    $.vibrate&&(navigator.vibrate&&navigator.vibrate(interval));
    };
    
    /*
     * This takes the text inside the div with the ID 'alert' and shows it
     * as alert contents
     */
    $.alert = function (msg, cb) {

    if ($.params.alert)
    {
        if (confirm($.get('#alert')))
        {
        cb&&cb();
        }
    }

    };
    
    /*
     * This function returns the element with the specified ID
     */
    $.id = function (id) {
    return document.getElementById(id);
    };
    
    /*
     * This function returns the elements with the specified CLASS
     */
    $.class = function (cssClass) {
    return document.getElementsByClassName(cssClass);
    };
    
    /*
     * This function returns the html inside the specified HTML Selector
     */
    $.html = function (selector) {
    var el = document.querySelector(selector);
    return el&&(function () {
        return el.length>1 ? el[0].innerHTML : el.innerHTML;
    })();
    };
    
    /*
     * This function sets the inner HTML of an element and works like this:
     * - you can specify either an ID or a CLASS
     * - if a CLASS is specified, every element with that class will have that HTML inside
     * - if there is a URL param with the same name as your selector ie: carrier, 
     * the script will fill the inner HTML with the value from the URL param or
     * you can specify a default value in case that one does not exist, like so:
     * $.set('#carrier', 'My default carrier');
     *
     */

    $.set = function (selector, value) {
    var els = document.querySelectorAll(selector);

    for (var i = 0; i<els.length; i++) {
        var el = els[i];
        el.innerHTML = value||$.params[selector.substr(1)];
    }
    };
    
    /*
     * This function gets the inner HTML of a selector, ID or CLASS
     */
    $.get = function (selector) {
    var els = document.querySelectorAll(selector);

    for (var i = 0; i<els.length; i++) {
        return els[i].innerHTML;
    }
    };

    /*
     * This function lets you play with browser cookies and you can use it like so:
     * - $.cookie.set('mycookie', 'my value for the cookie', 1); // valid 1 day
     * - $.cookie.get('mycookie'); // read the cookie value
     */
    $.cookie = {
    set: function (name, value, days) {
        var d = new Date();
        d.setTime(d.getTime()+(days*24*60*60*1000));
        var expires = "expires="+d.toUTCString();
        document.cookie = name+"="+value+";"+expires+";path=/";
    },
    get: function (name) {
        name += "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)===' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name)===0) {
            return c.substring(name.length, c.length);
        }
        }
        return "";
    }
    };
    
    $.getWindowLocation = function () {
    return JSON.parse($.location);
    };
    
    /*
     * This function lets you make ajax calls for other resources if needed:
     * - $.ajax.get('/my/local-resource.js'); // the default method is GET
     * - $.ajax.get('/my/form.php', 'POST', function(){ alert('done'); }, {param:value});
     */
    $.ajax = {
    get: function (url, method, cb, data) {
        var xhr = new XMLHttpRequest();
        xhr.open((method||'get'), url);
        if (method==='post') {
        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        }
        $.ajax.process(xhr, cb);
        xhr.send(data);
    },
    process: function (xhr, cb) {
        xhr.onreadystatechange = function () {
        var DONE = 4; // readyState 4 means the request is done.
        var OK = 200; // status 200 is a successful return.
        if (xhr.readyState===DONE) {
            (xhr.status===OK)&&(cb&&cb(xhr));
        }
        };
    }
    };

    /*
     * Here we initiate the system
     */
    $.init(function () {
    $.isInit = !0;
    window.LPFUNCTIONS&&window.LPFUNCTIONS();
    $.alert();
    });
})();