public
Description: Ajax pagination that appends result, built on the Rails plugin will_paginate
Homepage:
Clone URL: git://github.com/davidwparker/jquery-bottomless-pagination.git
jquery-bottomless-pagination / jquery.bottomlesspagination.js
100644 63 lines (58 sloc) 1.99 kb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
(function($){
  var settings;
  
  $.bottomlessPagination = function(callerSettings) {
    settings = $.extend({
      ajaxLoaderPath:'../images/ajax-loader.gif',
      results:'.results',
      objName:'',
      callback:null
    },callerSettings||{});
    settings.imgLoader = new Image();
    settings.imgLoader.src = settings.ajaxLoaderPath;
    settings.href = $(".current").next().attr("href");
  
    if ($('div.pagination').size() > 0){
      $('div.pagination').wrap("<div class='pagination_links'></div>").hide();
      $('.pagination_links').append(
        "<div class='live_pagination'>" +
          "<a class='more_links' style='cursor:pointer;'>Show more " + settings.objName + "...</a>" +
        "</div>"
      );
    }
    $(".more_links").click(function(){
      $(".more_links").hide();
      if ($(".now_loading").size() == 0)
        $(".more_links").after("<img class='now_loading' src='"+settings.imgLoader.src+"' />");
      else
        $(".now_loading").show();
      $.get(
        settings.href,'',function(data){
          $(settings.results).addrows(data);
        }
      );
      $(".now_loading").hide();
      $(".more_links").show();
      return false;
    });
    
    $.fn.addrows = function(data) {
      //remove live pagination if there are no more jobs
      if (data.length === 0 ){
        $('.live_pagination').remove();
        $('.pagination_links').append(
          "<div class='no_pagination'>" +
            "There are no more " + settings.objName + " to add..." +
          "</div>"
        );
        return false;
      }
      //change the href
      ind=settings.href.indexOf("page=");
      page=parseInt(settings.href.charAt(ind+5))+1;
      start=settings.href.slice(0,ind+5);
      stop=settings.href.slice(ind+6);
      settings.href=start.concat(page.toString()).concat(stop);
 
      //add results to the page
      $(settings.results).append(data);
      if (settings.callback) settings.callback();
    };
  };
})(jQuery);