Solved

Javascript progress window while page is loading

Posted on 2006-11-21
2
474 Views
Last Modified: 2012-08-13
How does one check the progress of the file loading?

Setup..
User clicks link on web page to open Excel file in a new browser window.
File sizes can be 2MB + . Over a crappy connection they could take 10-20 seconds to load.

Looking to do...
Pop another window (gets focus) that has a static image that says something like "Loading....This could take up to a minute."
Once the Excel file is loaded into the new window, signal the popup window to close.
0
Comment
Question by:SWRO
2 Comments
 
LVL 3

Accepted Solution

by:
gdevianne earned 500 total points
ID: 17993310
I'm not sure there is a way to know the progress of the download of an excel or pdf(in my case) before it shows in the browser.
What i've done once was
- user click on the link
- page saying "loading ..." opens that has a script on onload="location.href='thefile.xls'"

I actually changed the "loading..." text with a flash animation showing the typical movie countdown.

All that to show the user something was happening ...
once the file finishes to download, it loads normally in the browser in place of the loading text.
guillaume
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Avoid defining the variables in the global scope; trying to define them in a local function scope. Because:   • Look-up is performed every time a variable is accessed.   • Variables are resolved backwards from most specific to least specific scope…
When you need to keep track of a simple list of numbers or strings, the Array object is your most direct tool.  As we saw in my earlier EE Article (http://www.experts-exchange.com/A_3488.html), typical array handling might look like this: (CODE) B…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

758 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now