[Webinar] Streamline your web hosting managementRegister Today

x
?
Solved

Show a progress bar while a screen loads into an i-frame?

Posted on 2004-10-26
8
Medium Priority
?
317 Views
Last Modified: 2010-05-18
Ive got a very large table/row set of data that is being loaded into an i-frame.  Id like to show the user some sort of "Loading..." message in the center of the i-frame while the page is being loaded.  Unfortunately, thats all Ive got.  Sorry, no code yet to speak of...I havent found anything thus far that looks even like a starting point.  
0
Comment
Question by:soBC
7 Comments
 
LVL 3

Expert Comment

by:steve918
ID: 12417576
What technologies are you using?  ASP/msSQL? PHP/MySQL?
0
 

Author Comment

by:soBC
ID: 12417590
ASP/msSQL
0
 
LVL 18

Expert Comment

by:arantius
ID: 12417620
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
LVL 1

Expert Comment

by:shaymasterus
ID: 12421713
I'm with you,
I like notifying the user that they are going to receive something soon.
I have used two approaches..
One is a Div with a z-index of -1 that says loading or has an animated gif,
so that when the table loads it hides the loading text or image.

The other is by using a javascript function to open a popup window that has an animated loading image (very small window size like 150X150 or something) then at the bottom of the iframe page you include a javascript that closes this window.

Both of these have worked for me even with an iframe.
I can provide some code to this effect if you would prefer.
-s
0
 

Author Comment

by:soBC
ID: 12421882
That'd be great shay.  The div z-index idea is something ive messed with.  If you have an example of that one, id be much obliged.
0
 
LVL 4

Expert Comment

by:Danielcmorris
ID: 12430013
I use a tool called ABC Upload.  I had to pay for it... and it was really worth it.  However, it works in a simple manner.

Before you post, you have a popup window with an animated gif ... a clock or something.. in the querystring of the popup, you have a random ID number.  That popup is set to repost it self every few seconds.  Each time it reposts, it goes to the server and checks a table called uploads for the same ID number.  In the meantime, your upload page with the file in it is loading.  Once it actually finishes and hits the server, it does an insert in the db with the same random number you sent to that popup.  Once the popup finds the number in the table, it closes itself the next time it posts.

Slick, huh?

The ABC upload component somehow gets the size of the file as well.  Since it has it, it is able to make a progress bar in the popup... which is quite nice.

-Dan

By the way, if you want to mess with divs, you might hide your text on that page and put in some label about how you are uploading... I sometimes use an animated gif clock.  Unfortunately, I had a few problems with that in older browsers.
0
 
LVL 1

Accepted Solution

by:
shaymasterus earned 1500 total points
ID: 12435895
here is the div code I have used..
sorry for the delay in response.

<div style="position: absolute; top: 136px; left: 400px; z-index: -1;">One moment please...</div>

Note that the position should be in a location that the table will hide it upon loading.
let me know if you need more.

0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Why WooCommerce is one of the majorly favored choices when it comes to having an eCommerce store. This article will acquaint you with some reasons that I believe make it one of the best eCommerce platforms available.
There is a wide range of advantages associated with the use of ASP.NET. This is why this programming framework is used to create excellent enterprise-class websites, technologies, and web applications.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Suggested Courses
Course of the Month10 days, 22 hours left to enroll

612 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