""Waiting for..." modal dialog"
Bootstrap 3.1.0 Snippet by MezoOo

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ---------->
$(document).ready(function() { // create the loading window and set autoOpen to false $("#loadingScreen").dialog({ autoOpen: false, // set this to false so we can manually open it dialogClass: "loadingScreenWindow", closeOnEscape: false, draggable: false, width: 460, minHeight: 50, modal: true, buttons: {}, resizable: false, open: function() { // scrollbar fix for IE $('body').css('overflow','hidden'); }, close: function() { // reset overflow $('body').css('overflow','auto'); } }); // end of dialog }); function waitingDialog(waiting) { // I choose to allow my loading screen dialog to be customizable, you don't have to $("#loadingScreen").html(waiting.message && '' != waiting.message ? waiting.message : 'Please wait...'); $("#loadingScreen").dialog('option', 'title', waiting.title && '' != waiting.title ? waiting.title : 'Loading'); $("#loadingScreen").dialog('open'); } function closeWaitingDialog() { $("#loadingScreen").dialog('close');

Related: See More


Questions / Comments: