X-Git-Url: http://git.asbjorn.biz/?a=blobdiff_plain;f=docs%2Fjs%2Fpager.js;fp=docs%2Fjs%2Fpager.js;h=12755aa081cb561dc09254542b536c920e3dc66c;hb=8cef646d1726729671b1889928a29ac416753236;hp=0000000000000000000000000000000000000000;hpb=41c94b4688777c62ac93d63e78c885311eecaa82;p=jquery.git

diff --git a/docs/js/pager.js b/docs/js/pager.js
new file mode 100644
index 0000000..12755aa
--- /dev/null
+++ b/docs/js/pager.js
@@ -0,0 +1,111 @@
+$.fn.alphaPager = function(fn,type) {
+  type = type || "char";
+
+  if ( fn == undefined ) {
+    fn = function(a){ return _clean( $.fn.text.apply( a.childNodes ) ); };
+  } else if ( fn.constructor == Number ) {
+    var n = fn;
+    fn = function(a){ return _clean( $.fn.text.apply( [a.childNodes[ n ]] ) ); };
+  }
+
+  function _clean(a){
+    switch (type) {
+      case "char":
+        return a.substr(0,1).toUpperCase();
+      case "word":
+        return /^([a-z0-9]+)/.exec(a)[1];
+    }
+    return a;
+  }
+
+  return this.pager( fn );
+};
+
+
+$.fn.pager = function(step) {
+  var types = {
+    UL: "li",
+    OL: "li",
+    DL: "dt",
+    TABLE: "tr"
+  };
+
+  return this.each(function(){
+    var type = types[this.nodeName];
+    var pagedUI = type == "tr" ? $("tbody",this) : $(this);
+    var rows = $(type, pagedUI);
+    var curPage = 0;
+    var names = [], num = [];
+
+    if ( !step || step.constructor != Function ) {
+      step = step || 10;
+
+      if (rows.length > step)
+        for ( var i = 0; i <= rows.length; i += step ) {
+          names.push( names.length + 1 );
+          num.push( [ i, step ] );
+        }
+    } else {
+      var last;
+      rows.each(function(){
+        var l = step( this );
+        if ( l != last ) {
+          names.push( l );
+          var pre = num.length ? num[ num.length - 1 ][0] + num[ num.length - 1 ][1] : 0;
+           
+          num.push( [ pre, 0 ] );
+          last = l;
+        }
+
+        num[ num.length - 1 ][1]++;
+      });
+    }
+
+    if ( names.length > 1 ) {
+      var pager = $(this).prev("ul.nav-page").empty();
+
+      if ( !pager.length )
+        pager = $("<ul class='nav-page'></ul>");
+
+      for ( var i = 0; i < names.length; i++ )
+        $("<a href=''></a>").rel( i ).html( names[i] ).click(function() {
+          return handleCrop( this.rel );
+        }).wrap("<li></li>").parent().appendTo(pager);
+
+      pager.insertBefore( this );
+
+      var prev = $("<a href=''>&laquo; Prev</a>").click(function(){
+        return handleCrop( --curPage );
+      }).wrap("<li class='prev'></li>").parent().prependTo(pager);
+
+      var next = $("<a href=''>Next &raquo;</a>").click(function(){
+        return handleCrop( ++curPage );
+      }).wrap("<li class='next'></li>").parent().appendTo(pager);
+
+      handleCrop( 0 );
+    }
+
+    function handleCrop( page ) {
+      curPage = page - 0;
+      var s = num[ curPage ][0];
+      var e = num[ curPage ][1];
+
+      if ( !curPage ) prev.hide();
+      else prev.show();
+
+      if ( curPage == names.length - 1 ) next.hide();
+      else next.show();
+
+      $("li",pager)
+        .removeClass("cur")
+        .eq( curPage + 1 )
+          .addClass("cur");
+
+      pagedUI.empty().append(
+        jQuery.merge( rows, [] ).slice( s, s + e )
+      );
+
+      return false;
+    }
+  });
+};