Please Wait Message

By Joseph McLaughlin on Sep 15, 2003

Use this little script to surround a complex function that takes some time to complete. It provides a “Please Wait” message while the function is calculating.

Calculating
Please Wait

“Please Wait” messages are an excellent way to let the user know that your web based application is performing some action, such as loading a page or processing data. Without such a notification, users may begin clicking other controls on the web page, or close the browser due to the excessive delays.

Pressing the button below will simulate a lengthy function or calculation. While the function is calculating, a “Please Wait” message will be displayed. This is done using a DIV area. When the function begins the DIV area is shown and when the function ends, the DIV area is hidden.

The JavaScript Source: Text Effects: Please Wait Message

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

<!– ONE STEP TO INSTALL PLEASE WAIT MESSAGE:

1.  Copy the coding into the BODY of your HTML document  –>

<!– STEP ONE: Paste this code into the BODY of your HTML document  –>

<BODY>

<!– This script and many more are available free online at –>

<!– The JavaScript Source!! http://www.javascriptsource.com –>

<!– Original:  Joseph McLaughlin (joe.mclaughlin@comcast.net) –>

<!– Web Site:  http://solutionenterprises.com –>

function do_totals1()

{

document.all.pleasewaitScreen.style.pixelTop = (document.body.scrollTop + 50);

document.all.pleasewaitScreen.style.visibility=”visible”;

window.setTimeout(‘do_totals2()’,1);

}

function do_totals2()

{

lengthy_calculation();

document.all.pleasewaitScreen.style.visibility=”hidden”;

}

function lengthy_calculation()

{

var x,y

for(x=0;x<1000000;x++)

{

y += (x * y) / (y – x);

}

</script>

<TR>

<FONT FACE=”Arial” SIZE=”4″ COLOR=”blue”><B>Calculating<br>

Please Wait</B></FONT>

</TD>

</TR>

</TABLE>

</DIV>

“Please Wait” messages are an excellent way to let the user know that your web

based application is performing some action, such as loading a page or

processing data. Without such a notification, users may begin clicking other

controls on the web page, or close the browser due to the excessive delays.

</P>

Pressing the button below will simulate a lengthy function or calculation.

While the function is calculating, a “Please Wait” message will be displayed.

This is done using a DIV area. When the function begins the DIV area is shown

and when the function ends, the DIV area is hidden.

</p>

</p>

<font face=”arial, helvetica” size”-2″>Free JavaScripts provided<br>

by <a href=”https://javascriptsource.com”>The JavaScript Source</a></font>

</center><p>

<!– Script Size:  2.42 KB –>

Related Items via Envato Market

More Text Effects JavaScript Snippets