1
Tech-Head
Loading Please Wait
  • 2005/3/5 21:55

  • Tech-Head

  • Just popping in

  • Posts: 7

  • Since: 2005/1/5 1


Hi,
Can someone tell me how to put a "Loading Please wait" gif between page loads, just like the one here

http://www.power-dreams.com/xoops/

Thanks

Tech-Head

2
pdaddict
Re: Loading Please Wait
  • 2005/3/5 22:23

  • pdaddict

  • Friend of XOOPS

  • Posts: 106

  • Since: 2003/4/6 1


theme.html :
<body onLoad="StatusLauftext();return true">
<!-- 
Load indicatior -->
<
div id="waitDiv" style="position:absolute; right:0%; 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}>/images/await.gif" alt="" />
<
br />Please Wait.</td></tr>
</
table>    
    <
script type='text/javascript'>
    <!--
    
toggle_visibility('waitDiv'1);
    
//-->
    
</script>

</
div>
<!-- 
End Load Indicator -->


And right before </body>
<!-- Page Loaded Indicator Stop -->
    <
script type='text/javascript'>
    <!--
    
toggle_visibility('waitDiv'0);
    
//-->
    
</script>
<!-- 
End -->

3
shansta22
Re: Loading Please Wait
  • 2005/3/6 11:25

  • shansta22

  • Just popping in

  • Posts: 38

  • Since: 2005/2/13


will this work on the redirect page?

4
pnppcs
Re: Loading Please Wait
  • 2005/4/13 18:06

  • pnppcs

  • Just popping in

  • Posts: 55

  • Since: 2005/1/25


Here's a challenge.......

I have a client that wants a random "Did you know" quote on the transition page. He's not bothered by the standard format he just wants a random quote for people to read while they move from one page to the next.....which I think is a great idea.

Any ideas??

Marty.

5
ilivanov
Re: Loading Please Wait
  • 2005/4/14 10:53

  • ilivanov

  • Just popping in

  • Posts: 69

  • Since: 2004/9/28


This not work with XOOPS 2.0.10 RC and default and phpkaox themes

6
fbb803
Re: Loading Please Wait
  • 2005/4/17 1:12

  • fbb803

  • Just popping in

  • Posts: 14

  • Since: 2005/3/11


Trie this but it didn't work. I guess the problem is the scripts makes a call to a function, which should be included with the javascript to be inserted in theme.html.

Tried a little tweaking but I could not understand the script in the website which uses this. (http://www.power-dreams.com/xoops/)

Neat idea though since there are times when loading a page takes some time. Maybe someone can explain a little more?

7
phppp
Re: Loading Please Wait
  • 2005/4/17 2:16

  • phppp

  • XOOPS Contributor

  • Posts: 2857

  • Since: 2004/1/25


The easiest way:
modify xoops/modules/system/templates/system_redirect.html
by adding one line
<{php}>OpenWaitBox();<{/php}>


<html>
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=<{$xoops_charset}>" />
meta http-equiv="Refresh" content="<{$time}>; url=<{$url}>" / >
<
title><{$xoops_sitename}></title>
<
link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />
</
head>
<
body>
<
div style="text-align:center; background-color: #EBEBEB; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight : bold;">
    <
h4><{$message}></h4>
    [
b][color=FF0000]<{php}>OpenWaitBox();<{/php}>[/color][/b]
    <
p><{$lang_ifnotreload}></p>
</
div>
<{if 
$xoops_logdump != ''}><div><{$xoops_logdump}></div><{/if}>
</
body>
</
html>


The effect

8
fbb803
Re: Loading Please Wait
  • 2005/4/17 3:32

  • fbb803

  • Just popping in

  • Posts: 14

  • Since: 2005/3/11


Great! will try your suggestion.

I did some search and here's what i came up with (maybe considered as another option):

1. in the head section of theme.html:
<SCRIPT LANGUAGE="JavaScript">

<!-- 
Begin
function clearPreloadPage() { //DOM
if (document.getElementById){
document.getElementById('prepage').style.visibility='hidden';
}else{
if (
document.layers){ //NS4
document.prepage.visibility 'hidden';
}
else { 
//IE4
document.all.prepage.style.visibility 'hidden';
}
}
}
// End -->
</SCRIPT>


2. add this line in the body tag:
<body [b][color=006600]onLoad="clearPreloadPage()[/color][/b] ;">


3. add right after above line:
<!-- start prelaod message -->
<
div id="prepage" style="position:absolute; font-family:arial; font-size:16; left:300px; 
top:70px; background-color:none; layer-background-color:none; height:100%; width:40%;"

<
table width=100%><tr><td>
<
font color="#000000">&nbsp;&nbsp;  Loading ...... Please wait.</font><br>&nbsp;&nbsp;<img src="<{$xoops_imageurl}>/images/await.gif" alt="" /></td></tr></table>
</
div>
<!-- 
end prelaod message -->


Change the appropriate elements as needed.

One note though, sometimes the preloader remains visible after the whole page is can be seen (probably as a result of other javascripts still loading images). this has been the case with my site at http://oragonrepublic.com, particularly in the homepage - other pages worked as expected. to partly solve this, the black font color was chosen so the message would not be visible once the header part appears since the bg is also black.

Credit for the script belongs to original author(s)(modifications added). Source Website : http://www.usingit.com/

9
ilivanov
Re: Loading Please Wait
  • 2005/4/18 12:51

  • ilivanov

  • Just popping in

  • Posts: 69

  • Since: 2004/9/28


Quote:

phppp wrote:
The easiest way:
modify xoops/modules/system/templates/system_redirect.html
by adding one line
<{php}>OpenWaitBox();<{/php}>


The effect


Cool, but this works only with the log in/log out part, how can be applied to all loadings, switching from news to download, forums, smartmedia, smartfaq etc. ?

10
ilivanov
Re: Loading Please Wait
  • 2005/4/18 13:00

  • ilivanov

  • Just popping in

  • Posts: 69

  • Since: 2004/9/28


to fbb803: And your sollution doesnt look good, it comes on the top of the page, not in the center like power-dreams.com who will see it somewhere aroung the page...

All forks who was created on the top of XOOPS show it (the loading bar) in the center of the page, no mater wich module are u trying to select, but XOOPS nope, dosent support it

Login

Who's Online

72 user(s) are online (45 user(s) are browsing Support Forums)


Members: 0


Guests: 72


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Aug 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits