Automatically load next 'page'

Thanks, i'll try to integrate and let you know how it goes.

Hi marcvangend, i'd like to add this in, but I'm not fluent enough yet in the Views UI to make it optional. If I'm able to get some help on how to make it an option in the UI, i'd love to add it in.

I've implemented the ability to select an infinite auto-load pager from the views UI, but the current code above operates where all 'ul.infinite-pager a' would be clicked and therefore all infinite pagers on a page would expand (instead of just the target one). So we need a way to find the target view prior to the first ajax call in order to work correctly.

Ok, this functionality has been added to v6.1.1. Try it out and see if it's working correctly. You'll need to set the pager to 'Infinite Auto Load pager'.

Cool implamentation, but it seems that it load the next pages with a periodic timeout... I'd like to load the next page only when I scroll at the bottom of the page.
Anyone have this issue?

tnx.

It loads the page when it's 100 pixels (i'd have to check that number) from the bottom.

Yes, it looks, like the position of the more link is not updated for a while, that is why it loads 3-4 more pages, until it stops. Then yo scroll down and it loads 3-4 pages again. I am trying to solve this issue, it does some real performance problems specially in ie7

Well, I solved it like this:

- I added following functions before viewsInfinitePagerClick() helper

var ajaxStarted;
$(window).ajaxStart(function() {
ajaxStarted = true;
});

$(window).ajaxSuccess(function() {
ajaxStarted = false;
});

- then I changed the condition inside the helper from:
if (relativePosition < viewsInfinitePagerViewHeight) {
- to this:
if (relativePosition < viewsInfinitePagerViewHeight && !started) {

It does the trick: Next page will not be loaded, while ajax is in progress.
Enjoy.

You should advertise this functionality on the project page.

I dinked around with the Endless View for a while because the automatic piece was a requirement.
Since Infinite Scroll is just Views 3, I didn't want to screw around with upgrading to an alpha views for Drupal 6.

Anyway, just a request.

#10, correct code would be:

var ajaxStarted;
$(window).ajaxStart(function() {
  ajaxStarted = true;
});

$(window).ajaxSuccess(function() {
  ajaxStarted = false;
});

if (relativePosition < viewsInfinitePagerViewHeight && !ajaxStarted) {

Attached patch based on #10.

Attached patch based on #10.

Thanks a lot erisko, Pls. Works just fine, it'd take a day for me to work it out

openhairpinleft, can you change status to RTBC if you feel this is working right? Thanks.

Hi fabiolool,
Cool implamentation, but it seems that it load the next pages with a periodic timeout... I'd like to load the next page only when I scroll at the bottom of the page.
Anyone have this issue?

I was having same problem and fixed the issue, please use the attached path file,

Or

just comment the conditions if (!viewsInfinitePagerClick()) { within below function in "views_infinite_pager.js" file,

Drupal.behaviors.viewsInfinitePagerAutoLoad = function() {

LINE: 199 //if (!viewsInfinitePagerClick()) {
// Bind scroll event.
$(window).bind('scroll', viewsInfinitePagerClick);
LINE:202 //}

Hi,

Please let us know if it works for you