homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Microsoft / Microsoft IIS Web Server and ASP.NET
Forum Library, Charter, Moderators: ocean10000

Microsoft IIS Web Server and ASP.NET Forum

Classic ASP issue
(ok to post here?)

10+ Year Member

Msg#: 4469932 posted 4:40 am on Jun 27, 2012 (gmt 0)


We have a page that's can take a while to load depending on the number of suppliers. Most pages load quickly but some can be slow.

Is there a way in classic ASP to show some sort of Egg Timer effect while the slower pages load? Is is possible to grey out the page while it loads?

I've googled around but cannot find a solution.





10+ Year Member

Msg#: 4469932 posted 4:56 am on Jun 27, 2012 (gmt 0)

Sorry. Further googling around found a solution. Thanks. Mick


WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month

Msg#: 4469932 posted 8:10 pm on Jun 27, 2012 (gmt 0)

Can you tell us what your solution was to help others who find themselves in a similar situation.


Msg#: 4469932 posted 3:21 pm on Feb 7, 2013 (gmt 0)

I once used it on my blog, but for other usage.. Well you need to use jquery..

I just found this one..

If you want to use jQuery, then you'll have to download it, then link to it in your document:

<script src="jquery.js" type="text/javascript"></script>

And here's some jQuery which will do what you're after:

Code JavaScript:


// Create overlay and append to body:
$('<div id="overlay"/>').css({
position: 'fixed',
top: 0,
left: 0,
width: '100%',
height: $(window).height() + 'px',
background: 'white url(img/loading.gif) no-repeat center'

// Assign click function:
// SHOW overlay
// Retrieve data:
url: 'path/to/page.html',
type: 'GET',
success: function(data){
// onSuccess fill #ajax-box with response data:
// HIDE the overlay:
// Prevent default action of link:
return false;


In order for this to work you'll need to have the following markup in your document:

<a href="linky.html" id="ajax-link">Linky</a>

<div id="ajax-box">
<!-- This is where the response data will go (from Ajax) -->

Global Options:
 top home search open messages active posts  

Home / Forums Index / Microsoft / Microsoft IIS Web Server and ASP.NET
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved