The JavaScript Source: Text Effects: Please Wait Message

Home

Please Wait Message

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!!!

  <BODY>     <script language="javascript"> 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> <DIV ID="pleasewaitScreen" STYLE="position:absolute;z-index:5;top:30%;left:42%;visibility:hidden"> <TABLE BGCOLOR="#000000" BORDER="1" BORDERCOLOR="#000000" CELLPADDING="0" CELLSPACING="0" HEIGHT="100" WIDTH="150" ID="Table1"> <TR> <TD WIDTH="100%" HEIGHT="100%" BGCOLOR="silver" ALIGN="CENTER" VALIGN="MIDDLE"> <FONT FACE="Arial" SIZE="4" COLOR="blue"><B>Calculating<br> Please Wait</B></FONT> </TD> </TR> </TABLE> </DIV> <P align="center"> "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> <p align="center"> 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> <p align="center"> <input type="button" name="btn_calc" value="Perform Calculation" onclick="do_totals1()"> </p> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Did you use this script? Do you like this site? Please link to us!

Add a comment, suggestion, or correction

Comments feed

internet.com Privacy Policy

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions

Whitepapers and eBooks

Avaya Article: Developing Speech Grammars That Rock, Part 1: Best Practices
Go Parallel Article: PDC 2008 in Review
Avaya Article: Communication-Enabled Mashups: Empowering Both Business Owners and IT
Microsoft Article: Build and Run Virtual Machines with Hyper-V Server 2008
Go Parallel Article: Q&A with a TBB Junkie

IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
Internet.com eBook: Best Practices for Developing a Web Site
Avaya eBook: IP Application Development - Explore Device, Media and Call Control
MORE WHITEPAPERS, EBOOKS, AND ARTICLES

Webcasts

HP Webinar: Virtualization for Business Critical SAP on SQL Server
Go Parallel Video: Intel(R) Threading Building Blocks: A New Method for Threading in C++
Microsoft Partner Portal Video: Microsoft Gold Certified Partners Build Successful Practices

Go Parallel Video: Performance and Threading Tools for Game Developers
Rackspace Hosting Center: Customer Videos
MORE WEBCASTS, PODCASTS, AND VIDEOS

Downloads and eKits

IdeaBlade Download: DevForce EF--Developing for LINQ and the Entity Framework
Microsoft Download: Silverlight 2 SDK
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt

Iron Speed Designer Application Generator
Microsoft Download: Silverlight 2 Developer Runtime (Windows)
IdeaBlade Download: .NET Programming with DevForce Classic
MORE DOWNLOADS, EKITS, AND FREE TRIALS

Tutorials and Demos

Online Demo: IBM Cognos 8 Business Intelligence Reporting

MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES