Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

progress bar for webpage 2

Status
Not open for further replies.
shopwise

shopwise

Technical User
Sep 22, 2008
52
0
0
US
Clicking a link on my webpage causes a window to popup which displays an iframe of another webpage of my site.

How do I get an animated preloader gif (already on my server) to display on this iframe window until the contents load?

I can't seem to find the right script for this.
 
Sort by date Sort by votes
Be easier with javascript - try forum216

___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints
 
Upvote 0 Downvote
I've done that with just an animated .GIF in a pop-up window, which then closes after the page loads.

Since the ASP is running at the server, and depending on your response.buffer value, may or may not load the entire page upon completion of the script, there's no "Easy" way to do a "Percentage of page loaded" or something like that in ASP that I've found.



Just my 2¢

"What the captain doesn't realize is that we've secretly replaced his Dilithium Crystals with new Folger's Crystals."

--Greg
 
Upvote 0 Downvote
I have a reporting application that displays "Please Wait" while a report is being built and then when the report data is ready the message disappears and is replaced with the the report.

This is done with the following:


Response.Write("<html>" & vbCR)
Response.Write(" <head>" & vbCR)
Response.Write(" <title>" & ReportTitle & "</title>" & vbCR)
Response.Write(" <script language=""Javascript"">" & vbCR)
Response.Write("<!-- " & vbCR)
Response.Write("if (document.all) { " & vbCR)
Response.Write(" document.write('<span id=w>');" & vbCR)
Response.Write(" document.write('Please wait...');" & vbCR)
Response.Write(" document.write('</span>');" & vbCR)
Response.Write("}" & vbCR)
Response.Write("//-->" & vbCR)
Response.Write(" </script>" & vbCR)
Response.Write(" </head>" & vbCR)
Response.Write(" <body>" & vbCR)

Response.Flush()

'''''''''''''''''''''''''''''''''''''''''''''''''''''''
''''''''''' all the code to build the report ''''''''''

Response.Write(" <script>" & vbCR)
Response.Write(" <!--" & vbCR)
Response.Write(" if (document.all) {" & vbCR)
Response.Write(" document.all(""w"").style.display = 'none';" & vbCR)
Response.Write(" }" & vbCR)
Response.Write(" //-->" & vbCR)
Response.Write(" </script>" & vbCR)
Response.Write(" </body>" & vbCR)
Response.Write("</html>" & vbCR)


You could use the above but replace the "Please wait..." message with your animated gif.

ps - I only have to worry about IE
 
Upvote 0 Downvote
I've done that with just an animated .GIF in a pop-up window, which then closes after the page loads.
Click to expand...
to which tag do I apply the onload function to? I tried the body tag but it doesn't work
 
Upvote 0 Downvote
you don't need to put onload anywhere

the second script tag is right at the bottom of the page (just before the </html> tag) so this script executes without calling onload on the body tag

What browser are you using - maybe it is because you are not using IE and document.all("w") is not working??
 
Upvote 0 Downvote
from all the progress bars that i have seen, this one seems to be the most straight forward and less code. works well with all the browsers.
Code: 
<p>Displays progress bar in status bar and/or in a div in the page as required.</p>

<p><b><font color = "blue"></p>
<div id = "pbar"></div></b></font>

<script type = "text/javascript">
var percent = 10;   // adjust starting value to suit
var timePeriod = 150;  // adjust milliseconds to suit

function getBar() {
var retBar = '';
for (i = 0; i < percent; i++) {
retBar += "|";
}
return retBar;
}

function progressBar() {
if (percent < 100) {
percent = percent + 1;
document.getElementById("pbar").innerHTML = "&nbsp &nbsp &nbsp &nbsp Loading : " + percent + "%" + " " + getBar();
window.status = "Loading : " + percent + "%" + " " + getBar();
setTimeout ("progressBar()", timePeriod);
}
else {
document.getElementById("pbar").innerHTML = "";
window.status = "Your message here";
document.body.style.display = "";
}
}
progressBar();
</script>
i can not take credit for this code since it's not mine. but works well.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

leifoet
  • Locked
  • Question
How to link a progress bar to a download?
Replies
1
Views
46
leifoet
leifoet
how2trainyourdragon
  • Locked
  • Question
Request.Server variables blank for classic ASP
Replies
12
Views
212
GriffMG
GriffMG
vamsikirank
  • Locked
  • Question
Fortify Scan For Classic Asp Application - Issue
Replies
2
Views
72
guitarzan
guitarzan
leifoet
  • Locked
  • Question
Form Method=Post =&gt; how to process options ?
Replies
0
Views
47
leifoet
leifoet
leifoet
  • Locked
  • Question
Asp database connection for login fails
Replies
11
Views
68
guitarzan
guitarzan

Part and Inventory Search

Sponsor

Back
Top