loadingmessage in 4.1

10 November, 2007 - 21:58 — codecowboy

Hi,

Can someone tell me how to implement a loadingMessage? The example in the documentation for loadingMessage shows displaying a message using a button click event. This is completely useless. What I need to know is what event I should use? Can I use an onload event? If so, which element should I use? Lots of files are being loaded in the background by backbase (boot.js, config.xml etc - about 40-50 files) and so nothing appears on the page for a few seconds. Its during that phase that I'd like to display the message.

thanks,

Luke.

There is a chicken-and-egg

12 November, 2007 - 09:53 — ghica

There is a chicken-and-egg problem in using the loadingMessage during startup, because you should have the binding files loaded before you can use loadingMessage.
You can do something with a similar result, as is shown for the explorer demo and the importHTML demo. Please look at the code for these two to find your example.
Cheers, Ghica.

Thanks. I can see a loading

14 November, 2007 - 20:29 — codecowboy

Thanks. I can see a loading message in the importHTML example (http://demo.backbase.com/client_4_1/demos/importHTML/index.html) but not the Feature Explorer demo (http://demo.backbase.com/client_4_1/demos/explorer). For the latter, there is a blank screen and then the explorer fades up.

For the importHTML example, is the workaround to do:

<xi:include href="importHTML.xml" />

and include a javascript call in the XML loaded by the above tag which removes the loadingMessage div?

thanks,

The loading message for the

15 November, 2007 - 09:45 — ghica

The loading message for the feature explorer will appear when you run the version in your downloaded package.

In the importHTML demo, look in the index.htm. You will find a piece of simple javascript:

<script type="text/javascript">

/* Create a loading message and append it to the body. It will later be removed when the engine has booted. */

  var oCenter = document.getElementById('center');

  //oCenter.style.display = 'none';

  var oLoading = document.createElement('div');

  oLoading.id = 'loadingMessage';

  oLoading.innerHTML = '<div>Loading the importHTML demo</div>';

  document.body.insertBefore(oLoading, oCenter);

</script>

Then, at the end of importHTML.xml there is an event handler for the DOMNodeInsertedIntoDocument event. In it there is this code:

  document.body.removeChild(document.getElementById('loadingMessage'));

The feature explorer does something similar, even more fancy, with smil animation.
Regrads, Ghica.

Client Framework