4
Ok got the solution,
Pasting it here for rest of the xoopsians..
Add the following lines into the theme.html
1. in <script> </script> section add the following lines
function xoopsGetElementById(id) {
if (document.getElementById(id)) {
return document.getElementById(id);
} else if (document.all[id]) {
return document.all[id];
} else if (document.layers && document.layers[id]) {
return (document.layers[id]);
} else {
return fake_element;
}
}
function toggle_visibility(id, flag) {
if (xoopsGetElementById(id)) {
xoopsGetElementById(id).style.visibility = (flag) ? 'visible' : 'hidden';
}
}
2. Just after <body> add the following code
<!-- Load indicatior -->
<div id="waitDiv" style="position:absolute; left:40%; top:50%; visibility:hidden; text-align:center;">
<table cellpadding="3" cellspacing="3" class="waitbox"><tr>
<td align="center">
<b><big>Loading...</big></b><br />
<img src="<{$xoops_imageurl}>await.gif" alt="" />
<br />Please Wait.</td></tr>
</table>
</div>
<script type='text/javascript'>
<!--
toggle_visibility('waitDiv', 1);
//-->
</script>
<!-- End Load Indicator -->
3. Just before </body> add the following lines
<!-- Page Loaded Indicator Stop -->
<script type='text/javascript'>
<!--
toggle_visibility('waitDiv', 0);
//-->
</script>
<!-- End -->
4. Copy await.gif to you theme/<selected theme> folder.
Thats done :)
Now everytime your page gets loaded you will see that image (await.gif) and the text loading.
Have fun. I hope some one add it into some faq or doc it.