diff --git a/README b/README new file mode 100644 index 0000000..e69de29 diff --git a/demo/1/index.html b/demo/1/index.html new file mode 100755 index 0000000..d2fb573 --- /dev/null +++ b/demo/1/index.html @@ -0,0 +1,172 @@ + + + + +quickPager - easy jQuery paging plugin + + + + + + + +

SimplePager demo page

+

back to blog post

+ +
+    $("ul.paging").quickPager();
+            
+
+ + + + +

Second example

+ +
+   $("ul.paging2").quickPager({pagerLocation:"both"});
+            
+
+ + +

+ + + + + diff --git a/demo/2/index.html b/demo/2/index.html new file mode 100755 index 0000000..fb59e76 --- /dev/null +++ b/demo/2/index.html @@ -0,0 +1,329 @@ + + + + +quickPager - easy jQuery paging plugin + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + dasdas + +
1Table CellTable CellTable Cell
2Table CellTable CellTable Cell
3Table CellTable CellTable Cell
4Table CellTable CellTable Cell
5Table CellTable CellTable Cell
6Table CellTable CellTable Cell
7Table CellTable CellTable Cell
8Table CellTable CellTable Cell
9Table CellTable CellTable Cell
10Table CellTable CellTable Cell
12Table CellTable CellTable Cell
13Table CellTable CellTable Cell
14Table CellTable CellTable Cell
15Table CellTable CellTable Cell
16Table CellTable CellTable Cell
17Table CellTable CellTable Cell
18Table CellTable CellTable Cell
19Table CellTable CellTable Cell
20Table CellTable CellTable Cell
21Table CellTable CellTable Cell
22Table CellTable CellTable Cell
23Table CellTable CellTable Cell
24Table CellTable CellTable Cell
25Table CellTable CellTable Cell
26Table CellTable CellTable Cell
27Table CellTable CellTable Cell
28Table CellTable CellTable Cell
29Table CellTable CellTable Cell
30Table CellTable CellTable Cell
31Table CellTable CellTable Cell
32Table CellTable CellTable Cell
33Table CellTable CellTable Cell
34Table CellTable CellTable Cell
35Table CellTable CellTable Cell
+
+ + + + + + diff --git a/scripts/quickpager.jquery.js b/scripts/quickpager.jquery.js new file mode 100755 index 0000000..5363fe6 --- /dev/null +++ b/scripts/quickpager.jquery.js @@ -0,0 +1,111 @@ +//------------------------------------------------- +// Quick Pager jquery plugin +// Created by dan and emanuel @geckonm.com +// www.geckonewmedia.com +// +// v1.1 +// 18/09/09 * bug fix by John V - http://blog.geekyjohn.com/ +//------------------------------------------------- + +(function($) { + + $.fn.quickPager = function(options) { + + var defaults = { + pageSize: 10, + currentPage: 1, + holder: null, + pagerLocation: "after" + }; + + var options = $.extend(defaults, options); + + + return this.each(function() { + + + var selector = $(this); + var pageCounter = 1; + + selector.wrap("
"); + + selector.children().each(function(i){ + + if(i < pageCounter*options.pageSize && i >= (pageCounter-1)*options.pageSize) { + $(this).addClass("simplePagerPage"+pageCounter); + } + else { + $(this).addClass("simplePagerPage"+(pageCounter+1)); + pageCounter ++; + } + + }); + + // show/hide the appropriate regions + selector.children().hide(); + selector.children(".simplePagerPage"+options.currentPage).show(); + + if(pageCounter <= 1) { + return; + } + + //Build pager navigation + var pageNav = ""; + + if(!options.holder) { + switch(options.pagerLocation) + { + case "before": + selector.before(pageNav); + break; + case "both": + selector.before(pageNav); + selector.after(pageNav); + break; + default: + selector.after(pageNav); + } + } + else { + $(options.holder).append(pageNav); + } + + //pager navigation behaviour + selector.parent().find(".simplePagerNav a").click(function() { + + //grab the REL attribute + var clickedLink = $(this).attr("rel"); + options.currentPage = clickedLink; + + if(options.holder) { + $(this).parent("li").parent("ul").parent(options.holder).find("li.currentPage").removeClass("currentPage"); + $(this).parent("li").parent("ul").parent(options.holder).find("a[rel='"+clickedLink+"']").parent("li").addClass("currentPage"); + } + else { + //remove current current (!) page + $(this).parent("li").parent("ul").parent(".simplePagerContainer").find("li.currentPage").removeClass("currentPage"); + //Add current page highlighting + $(this).parent("li").parent("ul").parent(".simplePagerContainer").find("a[rel='"+clickedLink+"']").parent("li").addClass("currentPage"); + } + + //hide and show relevant links + selector.children().hide(); + selector.find(".simplePagerPage"+clickedLink).show(); + + return false; + }); + }); + } + + +})(jQuery); +