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.