StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p><a href="http://www.alexatnet.com/node/14" rel="nofollow noreferrer">This seems to be a tut on what you might need</a> I would suggest that you use an li, because you will end up wanting to perform some actions on each line, most likely each line will be relevant.</p> <p>Scrolling is nice, but you can also just blit the interface with pagination, meaning they click next page, previous page, and you fetch it, then update the view. That's the easiest method. With scrolling, you'll need to get more above and below the current visible lines for seamless scrolling. </p> <p>For instance, if you want to show 25 lines, you'll need to fetch 25 + bottom pad on the first go, and define the lines showing in bottom pad as the threshold for signalling a new event to download an extra 25+ bottom pad items.</p> <p>With a 100mb file, that's gonna get sluggish soon, so you'll have to clear out the previous entries, and define a new top pad to signal a request to get the reverse. That is to say, 1st req: fetch 25 + bottom pad, 2nd req fetch 25 + bottom pad remove prev 25 - top pad.</p> <p>One thing to note is, when you do this, in firefox at least, it can tend to get wonky and not fire events after a few loads, so you may want to unbind/rebind your even listeners. I only say this because I have a friend who is currently working on something with similar functionality, and these are some of the issues he came across.</p> <p>No one is going to complain that they have to click next page/previous page, it'll be fast and clean, but mess up your scrolling and no one will want to use your widget.</p> <p>Here are some other resources on the topic: <a href="http://www.developer.com/design/article.php/10925_3681771_2/Implementing-Dynamic-Scroll-with-Ajax-JavaScript-and-XML.htm" rel="nofollow noreferrer">Old Ajax Scrollable Table</a> -<a href="http://net.tutsplus.com/tutorials/javascript-ajax/create-a-twitter-like-load-more-widget/" rel="nofollow noreferrer">Twitter like load more tut</a> - <a href="https://simile.mit.edu/timeline/" rel="nofollow noreferrer">Good scrolling example, read the source</a> - <a href="http://code.google.com/p/scrollport/" rel="nofollow noreferrer">Check out this googlecode project</a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload