More and more web application are build with same constraints as « heavy client ». We all want our application looks like an OS native application in a web browser.
A lot of cool framework allow developper to build such application. The problem now is the application loading. A very « heavy » application can take more than 1 or 2 seconds to be loaded and while application loads, end user don’t know if the application works or if it is down.
There is an alternative to this kind of problem : the splashScreen. This kind of feature could be implemented by dojo with the famous dojo.addOnLoad Method.

Here is a simple exemple showing how to make a splashScreen with Dojo :

 function showApp() {     dojo.byId("splash").style.display = "none";     dojo.lfx.fadeShow("real", 100); } dojo.addOnLoad(showApp); <div id="splash" style="position: absolute; top: 200px; width: 100%;z-index: 100;">    <div align=center>        ...     </div> </div> <div id="real" dojoType="LayoutContainer"     style="opacity: 0.01;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);">     ...  </div> 

In this exemple, we simply show in simple splash when page is shown and we remove it when all Dojo js has been executed (with a fade – just for fun) for showing the main application. It is very simple… let try it.