function showLoader(id) {

if (id === undefined) {

pid = '';
} else {
pid = id.toString();
}
$('#loader' + pid).show();
}
function hideLoader(id) { // makes sure the whole site is loaded
if (id === undefined) {
pid = '';
} else {
pid = id.toString();
}
$('#loader' + pid).hide();
//$('#status').fadeOut(); // will first fade out the loading animation
//$('#loader' + pid).delay(350).fadeOut('slow'); // will fade out the white
DIV that covers the website.
};
.schedulerloading {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent; /* change if the mask should have another col
or then white */
z-index: 99; /* makes sure it stays on top */
}
#schedulerImage {
width: 200px;
height: 200px;
position: absolute;
left: 50%; /* centers the loading animation horizontally one the screen */
top: 50%; /* centers the loading animation vertically one the screen */
background-image: url(../Content/Images/schedulerloader.gif); /* path to you
r loading animation */
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px; /* is width and height divided by two */
}
<div id="loaderactive" class="loadingSpinner">
<div id="status">&nbsp;</div>
</div>
filter: search |
filter:search |