Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
05-07-2007, 01:42 PM #1
- Join Date
- Oct 2002
- Sydney, Australia
- Thanked 6 Times in 5 Posts
page loader splash requires override button
Without wishing to get into a debate about the rights and wrongs of splash pages, I have found a method which works just the way I require except for one thing - it sets a timeout for vanishing instead of allowing the user to hit a button to make it vanish.
The idea is to display a PAGE LOADING graphic and have the large page load in the background.
<body> <div id="slowScreenSplash" style="position:absolute;z-index:1;top:0px;left:0px;width:1001px; height:1001px; background-color:#000000"> <script> showImage(); </script> </div> ...page stuff to load goes here... <script> setTimeout("document.getElementById('slowScreenSplash').style.display = 'none'",10000); </script> </body>
But what I would really like is to have the option to allow, say, at least 10 secs to elapse before the loader vanishes OR a button to press that overrides this wait.
Does anyone know how this could be achieved?
ThanksThe difference between genius and stupidity is that genius has its limits. (Albert Einstein)
05-07-2007, 04:49 PM #2
- Join Date
- Mar 2005
- Portsmouth UK
- Thanked 495 Times in 482 Posts
Code:<input type="button" name="" value="Clear Splash" onclick="document.getElementById('slowScreenSplash').style.display = 'none'" >