File "loadingnew.js"

Full Path: /var/www/vhosts/hogsandbbqs.co.uk/httpdocs/addons/assets/js/loadingnew.js
File size: 2.18 KB
MIME-type: text/plain
Charset: utf-8

/* ===================================================
*
* loading.js
* http://www.ocxers.com/demo/loading.html
* ===================================================
* Copyright 2013 Sharing.Chi
*
* Feel free to use (download, change or whatever) this plugin
* Please don't hesitate to email me if any problems
* ocxers@gmail.com
*
* ========================================================== */

// the loading img url
// please asign your own loading img url to imgUrl
var imgUrl = 'http://benonscatering.co.uk/images/Icon-Search-loader.gif';

var $backdrop = null; // let it default
var subModal = false; // let it default

// please call this function to addLoading
// if the modalId is null or undefined, the modal will cover the whole screen (web browser)
// else the modal will cover the specific div box
function addLoading(modalId) {
    $('.modal-backdrop').parent().remove();
    subModal = false;
    if (modalId === undefined || modalId == null) {
        subModal = false;
        // this is a demo
        // please remove the event: onclick="clearLoading()" when you use it in your our project
        $backdrop = $('<div onclick="clearLoading()"><div class="modal-backdrop"></div><div class="modal"><img src="'
                    + imgUrl + '" alt="" title="" /></div></div>').appendTo(document.body);
    } else {
        subModal = true;
        var p = $("#" + modalId);
        p.css('position', 'relative');

        var cover = "style='position: absolute; width:" + p.outerWidth() + "px; height: " + p.outerHeight() + "px; left: 0px; top: 0px;'";
        var modal = "style='position: absolute; left: " + (p.outerWidth() / 2 * 1) + "px; top: " + (p.outerHeight() / 2 * 1) + "px;'";

        // this is a demo
        // please remove the event: onclick="clearloading()" when you use it in your our project
        $backdrop = $('<div onclick="clearLoading()"><div class="modal-backdrop" ' + cover + '></div><div class="modal" ' + modal + '><img src="' + imgUrl + '" alt="" title="" /></div></div>').appendTo(p);
    }
}
// please call clearLoading if you want to clear the modal
function clearLoading() {
    $($backdrop).fadeOut(300, function () {
        $('.modal-backdrop').parent().remove();
    });
}