This site was built to compliment the existing NetSuite Professionals Slack Community by adding a means for members to easily find answers to common questions and to create a searchable database of those questions and answers.

NetSuite Professionals

I've got my suitelet set up to trigger a map/reduce to do the actual processing, so on the client side I just want to lock the UI form until the back end processing is finished, and then refresh the page

```// Show the page blocker.  When finished showing, run the code inside here...
jQuery('#pagebusy').show({complete: function() {

	// do my work here...

	// At the end, redirect to my page...
	window.location = myurl;
	
}});```

Where on my page I have a HTML field that includes something like this

```&lt;div id="pagebusy" style="display: none;"&gt;
	&lt;div id="pagebusy_veil" style="position: fixed; z-index: 10000; top: 0px; left: 0px; height: 100%; width: 100%; margin: 5px 0px; background-color: rgb(204, 204, 204); opacity: 0.6;"&gt;&lt;/div&gt;
	&lt;div id="pagebusy_message_holder" style="background: #FFFFFF; border: 1px solid #000000; position: fixed; z-index: 10001; top: 40%; left: 40%; padding: 20px; width: 400px;"&gt;
		&lt;span id="pagebusy_message"&gt;Here is my message that shows while it's doing the work&lt;/span&gt;
		&lt;br/&gt;&lt;br/&gt;&lt;center&gt;&lt;img src="link_to_spinner_image" width="60px"/&gt;&lt;/center&gt;
	&lt;/div&gt;
&lt;/div&gt;```

I can update `pagebusy_message` with whatever message I want to show while the modal is covering the page.