Icontem

jQuery Infinite Scroll Plugin: Load content via AJAX when the page scrolls

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Info   View files View files (6)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings  
2013-06-30 (2 years ago) RSS 2.0 feedNot enough user ratingsTotal: 333 All time: 105 This week: 22Up
Version License JavaScript version Categories  
infinite-scroll 1.0Free for non-comm...1.0AJAX, jQuery
Description Author  

This is a jQuery plugin that can load content via AJAX when the page scrolls.

It can send a AJAX request when page is scrolled below a given page section to load additional content.

The plugin can call given callback functions before sending the AJAX request, when the response is returned and when an error occurs.

The loaded content can be appended to the page section to implement the infinite scroll effect.

Innovation Award  
JavaScript Programming Innovation award winner
June 2013
Winner


Prize: One downloadable e-book of choice by O'Reilly
Infinite scroll is an effect achieved when a page has a listing of content that shows part the whole listing and it keeps adding more content to the end as the user scrolls the page.

This jQuery plugin allows achieving that effect by performing AJAX requests to retrieve the new content to append at the listing end.

Manuel Lemos
Picture of satyam kumawat
Name: satyam kumawat <contact>
Classes: 4 packages by
Country: India India
Age: 27
All time rank: 91 in India India
Week rank: 10 Down2 in India India Down
Innovation award
Innovation award
Nominee: 2x

Winner: 1x

Details provided by the author  
 Version : 1.0
 Name    : Jquery scroll paging
 Author  :  Satyam Kumawat <satyam2707@gmail.com>
 ===================================================

 This program is free package
 This program is distributed in the hope that it will be useful,
 This package is based on JQUERY AND AJAX
 

=======================
 GENERAL INTRUCTIONS 
=======================

PUT THE WHOLE FOLDER IN YOUR HTDOCS(xampp-php) and run in browser.

EXAMPLE: 
==============
$(function() {
              	    var offset = 2;
	                $(document).scrollPaging({
								                url :   'content.php', //required
								                totalRecordCount : 20,//required
								                offset :offset, //required
								                data :'key=value',//you can pass extra params here
								                beforeSend : function(){
								                	 var loader = $('<div id="scrollLoader">loading please wait ....</div>')
								               		 $('#wrapper').append(loader);
	                							},
	                							success : function(result) { //required
	                								
	                								 $('#scrollLoader').remove();
								                	 $('#wrapper').append(result);
								                }
	                });
                });

1. OFFSET :- It is just like a limit(number of records you want to fetch on each scroll)
2. totalRecordCount  :- Total number of records (disable the scrolling once reach this number)
3. data  :- not required but you can send extra parameter in your request
4. beforeSend  : Put your code which need to execute before each request.
5.  success : Put your code which need to execute after each request.


Important Note :-
===================
All the paramerter used in this plugin is same as a NORMAL AJAX REQUEST SO YOU CAN PASS PARAMETER .
  Files folder image Files  
File Role Description
Files folder imagecss (1 file)
Files folder imagejs (2 files)
Accessible without login Plain text file content.php Data php content file
Accessible without login Plain text file index.php Example demo file
Accessible without login Plain text file Readme.txt Doc. Readme

  Files folder image Files  /  css  
File Role Description
  Accessible without login Plain text file style.css Data stylesheet

  Files folder image Files  /  js  
File Role Description
  Accessible without login Plain text file jquery-1.10.1.min.js Conf. library
  Plain text file scrollpaging.js Class plugin file

 Version Control Unique User Downloads Download Rankings  
 100%Total:333All time:105
 This week:0This week:22Up