homepage Welcome to WebmasterWorld Guest from 54.205.193.39
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
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?)
giggle




msg:4469934
 4:40 am on Jun 27, 2012 (gmt 0)

Hi

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.

Thanks

Mick

 

giggle




msg:4469935
 4:56 am on Jun 27, 2012 (gmt 0)

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

Ocean10000




msg:4470234
 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.

jayvee88




msg:4543448
 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:


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


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

Code JavaScript:

$(function(){

// 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'
}).hide().appendTo('body');

// Assign click function:
$('#ajax-link').click(function(){
// SHOW overlay
$('#overlay').show();
// Retrieve data:
$.ajax({
url: 'path/to/page.html',
type: 'GET',
success: function(data){
// onSuccess fill #ajax-box with response data:
$('#ajax-box').html(data);
// HIDE the overlay:
$('#overlay').hide();
}
});
// 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) -->
</div>



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