preload all script library before UI appear?

[khanh3m]

Hi Jack,
Is there a way to do preload all the script library before the UI actually display? I think the YUI library size is pretty big ..it would be nice to let the user know the browser is currently download the library or associated files. Thanks

KN

[jack.slocum]

You can create an element with a position:absolute; left: 0px; top: 0px; background-color:white; width:100%;height:100%;z-index:50000; and put it at the very top of the body. In that element put another positioned element in the middle that says loading or whatever and has your fav animated loading icon.

After this element, put your script includes.

When the page loads and you initialize your app:

var loading = document.getElementById('loading-id');
loading.parentNode.removeChild(loading);

and you are ready to go.

[khanh3m]

Thanks

[HorsMark]

well if you include the javascript in the head section of an html document... you´ll not be able to use this because the user cannot see any output before the complete YUI files have been transfered to the client...

You have to include it inline in the body section ...
[script type="text/javascript" src="plugin/yui/build/yahoo/yahoo.js"></script]
...

[jack.slocum]

You are right Hors, that's why I said "After this element, put your script includes.".