Search code examples
javascriptpopuphtmloutsystems

Lock any action on a page using JavaScript

I am relatively new to JavaScript. I have developed an application with the Outsystems technology, where-in I present a pop-up to the user and once the user fills the information, the user clicks 'Save' button. Now I need to disable all the page contents as it takes a long time to save and in between that the user may click anything else.

So I need to lock the page using JavaScript, with a message that tells user to wait until the process finishes.(on-click of the 'Save' button)

Any hints ?

Thanks.

Solution

  • Simply add a full page fixed position overlay that says "Saving... Please wait." on it. You might even make it semi-transparent grey.