| Author |
 Topic  |
|
|
bronee
Master
180 Posts |
 Posted - 30 Jul 2008 : 03:07:07
|
Can somebody explain me in detail how to get the message "please wait page is loading..." before the page is fully loaded?
Be sure to tell me were to put code (head, top body, bottom body, after body..).
Regards www.larsbronee.dk |
|
|
s.dav
Site Admin
Italy
3364 Posts |
Posted - 30 Jul 2008 : 09:06:36
|
Act as follows:
1- draw a label on your page "please wait page is loading..."
2- in the onLoad event of the Page (Page Properties, Events) create a new event "OnLoad", "Hide", "Label"
finished ;-)
The OnLoad event is fired by the browser when the page is fully loaded so in the meanwhile you'll see "wait please..."
|
Regards, Davide |
 |
|
|
s.dav
Site Admin
Italy
3364 Posts |
Posted - 30 Jul 2008 : 09:06:57
|
| Probably I can make a new option on the Page Properties ;-) |
Regards, Davide |
|
|
|
bronee
Master
180 Posts |
Posted - 30 Jul 2008 : 13:45:53
|
yes my friend,
i tried to do this, but the label do not show in the beginning of loading, but near the end, and therefore only briefly because the label is set to go away on fully load. Strange... |
|
|
|
bronee
Master
180 Posts |
|
|
s.dav
Site Admin
Italy
3364 Posts |
Posted - 31 Jul 2008 : 09:34:36
|
quote:
Originally posted by bronee
yes my friend,
i tried to do this, but the label do not show in the beginning of loading, but near the end, and therefore only briefly because the label is set to go away on fully load. Strange...
This happens because the label has been set over the rest of the page; in other words the label is the latest object to be loaded.
To fix this problem you have to do a trick with D.H.E.
1- set the loading label below all other objects (send it to back)
2- go to the "Custom Code" property and see what is the Id of the <div> tag generated by D.H.E. for the loading label
the code should be something like this:
<div id="ldheLabel1" style="position: absolute; left: 1px; top: 43px; width: 552px; height: 446px; text-align: center;" align="left">
<table border="0" cellspacing="0" cellpadding="0"><tr><td width="552" height="446" bgcolor="#FFE3C0" align="center" valign="middle"><span class="tahoma100FFFFFFt">loading...</span></td></tr></table></div>
just take the ID as reference --> ldheLabel1
3- go to the page properties and in the header code place a style like this:
<style type="text/css">
#ldheLabel1 {z-index:999;}
</style>
This style says that the label has to be over all other objects and it will be the first one to be loaded
4- add the onLoad event and hide the label
|
Regards, Davide |
|
|
| |
Topic |
|
please wait page is loading...
