isLoading | jQuery plugin

Download This Plugin: http://www.jqueryscript.net/loading/jQuery-Plugin-For-Checking-Content-Has-Been-Loaded-is-loading.html

Project on Github: https://github.com/hekigan/is-loading

Download links:

Default options:

defaults = {
    'position': "right",        // right | inside | overlay
    'text': "",                 // Text to display next to the loader
    'class': "icon-refresh",    // loader CSS class
    'tpl': '<span class="isloading-wrapper %wrapper%">%text%<i class="%class% icon-spin"></i></span>',
    'disableSource': true,      // true | false
    'disableOthers': []
};
            

Basic Loading

This is the most basic setup. Just use $( "selector" ).isLoading(); and you are done for the setup.

When your action (data loading, etc...) is done, just call $( "selector" ).isLoading( "hide" ); and you are done.

container

Test

 

Load in Tag

This demo shows how to show the loading message inside the target. $( "selector" ).isLoading({ text: "Loading", position: "inside" });

If you want to disable some extra tags/input/etc... while the loading is active, you can use the disableOthers[] option.

container

Test

 

Overlay

container

Test

 

Overlay on Tag

container

Test