robsoncombr/jquery.modalLoading

Creates a Loading Screen over your Page and allows you to choose a Holder Container.

jquery.modalLoading

Copyright (c) 2013 Robson Martins Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)

modalLoading jQuery Plugin creates a Loading Screen over your Page and allows you to choose a Holder Container, so you can append the Modal Loading to the document.body ('body') or to a html-div object.

Needed includes:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="modalLoading.js"></script>

Simple usage:

To create:

loading = $(selector).modalLoading(height);

To Remove:

loading.remove();

Examples:

loading = $(document.body).modalLoading(100);
loading.remove();

loading = $('#div-name').modalLoading(100);
loading.remove();

loading = $('#div-name').modalLoading();
loading.remove();

loading = $(document.body).modalLoading(100, 'New Message...');
loading.remove();

loading = $('#div-name').modalLoading(0, 'New Message...');
loading.remove();

Notes:

• valid height value from 0 to 100, it represents the % of the holder container
• if no height is provided, it will assume the height of its holder container