Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

A jQuery plugin. As you scroll down you see more results coming back at you automatically.

branch: master

Merge pull request #27 from noto/master

adds $.pagelessCurrentPage and modifies stopListner() to avoid undefined error
latest commit d0dd56439e
Jean-Sébastien Ney authored
Octocat-spinner-32 lib adds $.pagelessCurrentPage and modifies stopListner() to avoid undefi… February 24, 2014
Octocat-spinner-32 .gitignore removed useless file from versionning February 28, 2009
Octocat-spinner-32 README.md add method option October 28, 2012
README.md

PageLess - endless page

Description

Pageless is a jQuery plugin. As you scroll down you see more results coming back at you automatically. It provides an automatic pagination in an accessible way : if javascript is disabled your standard pagination is supposed to work.

Parameters

  • currentPage: current page (params[:page])
  • distance: distance to the end of page in px when ajax query is fired
  • loader: selector of the loader div (ajax activity indicator)
  • loaderHtml: html code of the div if loader not used
  • loaderImage: image inside the loader
  • loaderMsg: displayed ajax message
  • pagination: selector of the paginator divs. (if javascript is disabled paginator is required)
  • params: paramaters for the ajax query, you can pass auth_token here
  • totalPages: total number of pages
  • url: URL used to request more data
  • method: HTML method for call URL, default - get
  • scrape: A function to modify the incoming data. (Doesn't do anything by default)
  • complete: A function to call when a new page has been loaded (optional)
  • end: A function to call when the last page has been loaded (optional)

Requirements

Then just navigate to http://localhost:3000 and enjoy!

Demo (Rails 3)

Demo is a Rails 3 app that just runs. It demonstrates the basic usage of pageless scrolling.

$ bundle install
$ rails s

Then just navigate to http://localhost:3000 and enjoy!

Usage

$('#results').pageless({ totalPages: 10
                       , url: '/articles/'
                       , loaderMsg: 'Loading more results'
                       });

Thanks to

Contributors

Something went wrong with that request. Please try again.