Skip to content

ChrisLTD/yo_faux_pagination

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

Yo Faux Pagination

Version .02 | By Chris Johnson | https://github.com/ChrisLTD/yo_faux_pagination

Yo Faux Pagination is a JQuery plugin that will let you page through a set of page elements by hiding and showing them in order. Just activate the plugin on a wrapper element and it will do the work.

Animated Example

Yo Faux Pagination will not activate if there is not more than one child object in the target wrapper.

Usage Examples

Simple example

<div class="faux_paginate">
  <div>
    Page 1
  </div>
  <div>
    Page 2
  </div>
</div>

<!-- Include JQuery Core above this line -->
<script src="jquery.yofauxpagination.js"></script>
<script>
	$(".faux_paginate").YoFauxPagination();
</script>

Advanced example with callbacks

<form class="paginate_form">
  <div class="paginate_page">
    <label>Input 1</label>
    <input>
  </div>
  <div class="paginate_page">
    <label>Input 2</label>
    <input>
  </div>
  <input type="submit" value="Submit">
</form>

<!-- Include JQuery Core above this line -->
<script src="jquery.yofauxpagination.js"></script>
<script>
	$(".paginate_form").YoFauxPagination({
		'childObject'         : '.paginate_page',
		'initCallback' : function(){ $('.paginate_form > [type="submit"]').hide(); }, // Hide submit form
		'lastCallback' : function(){ $('.paginate_form > [type="submit"]').show(); } 
	});
</script>

Options

'childObject'	: 'div',            				// Target object
'buttonType' : 'button',                  // Next and Previous button tag
'prevText' : 'Previous',                  // Text for the previous button
'nextText' : 'Next',                      // Text for the next button
'initCallback' : function() {},           // Called if plugin initialized on an object
'nextCallback' : function() {},           // Called after the next button is pressed
'previousCallback' : function() {},     	// Called after the previous button is pressed
'lastCallback' : function() {}            // Called when the user reaches the last "page"

About

JQuery plugin that will let you page through a set of page elements by hiding and showing them in order.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published