Dojo Dijit and HTML5 in Real world applications/Dojo/dojo.ready

dojo.addOnLoad
dojo.addOnLoad and dojo.ready are synonyms for the same function: The function fires when dojo is ready. Function calls that require the dojo framework should not be called until dojo is ready. These functions may be placed in the dojo.addOnLoad function.

How to use
dojo.addOnLoad( function {/*functions or statements to execute when dojo is ready*/} );

Avoid flashy load of dijit widget elements
Most HTML5 implementations might need a "soft loader": The soft loader hides the html rendering until dojo has been loaded and all dijit widget elements have been rendered correctly. Below you will find the 3 elements necessary for the implementation of a soft loader:
 * The JavaScript
 * CSS
 * HTML

When dojo is ready "OK!" will be added to the &lt;div id="loaderInner"&gt; node. The fadeOut will spend 1000/1000 seconds to hide the &lt;div id="loader"&gt; node.

CSS: And finally the HTML:

Verified in
IE 8, Firefox 3.6.22, Dojo 1.6.1