JavaScript: How to reuse the "Working on it..." pop in

Question

Sharepoint 2013: In have custom JavaScript code that makes Ajax calls. While loading I'd like to show Sharepoint's loading pop in:

That is the one that greys out the underlying page and centers a loading box with shadows.

Any hint how to call the "show" function and the "remove" function as soon as my Ajax completes?

Thanks, Juergen

Answer 1

Juergen,

The below article should help:
http://www.collabware.com/blog/2013/03/22/tips-tricks-sharepoint-2013-modal-dialogs

You have SP.UI.ModalDialog.showWaitScreenWithNoClose which can be used..

function RequestEnded(sender, args) {
  try {
    waitDialog.close();
    waitDialog = null;
  } catch (ex) { }
};

function RequestStarted(sender, args) {
   ExecuteOrDelayUntilScriptLoaded(ShowWaitDialog, "sp.js");
};

function ShowWaitDialog() {
   try {
      if (waitDialog == null) {
         waitDialog = SP.UI.ModalDialog.showWaitScreenWithNoClose('Processing...', 'Please wait while request is in progress...', 76, 330);
      }
   } catch (ex) { }
};

Answer 2

//show and hide waiting on it javascript

    function waitMessage() {
        window.parent.eval("window.waitDialog = SP.UI.ModalDialog.showWaitScreenWithNoClose('Processing...', '', 90, 300);");
    }

    function closeMessage() {
        if (window.frameElement != null) {
            if (window.parent.waitDialog != null) {
                window.parent.waitDialog.close();
            }
        }
    }

Answer 3

u can use this $.ShowProcessing("Refreshing Collections...");