Solved

Wait States On WebPage,

Posted on 1998-11-17
5
217 Views
Last Modified: 2013-12-16
I've seen some pages, Such as www.frag.com
that have a somewhat wait state on there page,  Ok I go to the page, the page loads, images , text, etc, you don't see any of this it's all in the backround.  But after a few seconds the page appears and your able to see everything, now how did they do this, usually when you go to a web page, you see images loading, and everything else, yet this page loads after a few seconds and everthing appears after everything is done?, anyone know the code for this?
0
Comment
Question by:infiniteloop
5 Comments
 
LVL 5

Expert Comment

by:aioudine
Comment Utility
It's not a trik just a bad design
To do this
place page inside <table> and forgot add WIDTH and HEIGHT attributes for images

ie
<HTML>
<TITLE>just a title <TITLE>
<BODY>
<TABLE><TR><TD>
text, images without attributes
plase here big image and try to load file from floppy
</TD></TR></table>
<BODY>



0
 
LVL 1

Author Comment

by:infiniteloop
Comment Utility
NO i'm sorry but i think there really is code to enable a wait state on a web page, and no i doubt it's a table being loaded in, there are many other pages that have this feature,

I think it's a .CGI script or something but I don't know enough about this to comment on it
0
 
LVL 2

Expert Comment

by:chrisbolt
Comment Utility
aioudine is right, the browser cannot display the page until it has enough information to format the table (except in IE4 or above, but it still needs enough info to start displaying it).
0
 
LVL 6

Expert Comment

by:PBall
Comment Utility
1. wrapping content in <table> tag is definitely one way to do it.
2. another way (in ASP anyhow) maybe is to set response.buffer to on, that way, it will buffer all the HTML output on the server and when you do response.flush, it will send the page. (maybe not)
3. I went to www.frag.com.  It builds the page regularly?  I am able to see parts of the things appears over time (not at once).
4. Use DHTML (draw everything in a hidden DIV/Layer) and when the page is finally loaded, unhide the layer/div.
5. hmm...can't think of anything else.
0
 

Accepted Solution

by:
jbarta earned 50 total points
Comment Utility
You can use JavaScript to preload images. As was mentioned
in other responses, you can omit height and width attributes
from IMG tags and place your page in one big bad table.
All of these will help make your page "pop" into place.

CGI can only determine how the data is sent to a browser.
It's the browser that determines how to render it. By taking
advantage of the way a browser works you can achieve this
"wait state" effect.

0

Featured Post

Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Statistic Calculator using Javascript 7 45
spacing 5 24
Align a <div> to a table row 3 38
Bootstrap Datable Spinner 3 27
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

763 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

14 Experts available now in Live!

Get 1:1 Help Now