feeds

Code Copied!

HTML

CSS

$.ajax({
      type: 'GET',
      url: homepage + '/feeds/posts/summary',
      data: {
        'max-results': numposts,
        'alt': 'json'
      },
      dataType: 'jsonp',
      jsonp: 'callback',
      jsonpCallback: 'loadcontent',
      success: function(a) {
        $('.all_posts .blog-posts').removeClass('spinner').removeClass('load')
        var total_posts = a.feed.openSearch$totalResults.$t
        $('.breadcrumb .all_num_posts').append('<span>' + total_posts + ' ' + messagesposts + '</span>')
        $('.all_posts #allposts').attr('value', total_posts)
        for (var k = 0; k < a.feed.category.length; k++) {
          var l = a.feed.category[k].term
          $('.breadcrumb ul').append('<li>' + l + '</li>')
        }
        $('.breadcrumb ul li:first-child').on('click', function() {
          var text = $(this).text()
          $('.breadcrumb button').text(text)
          $('.breadcrumb ul').addClass('hidden')
          $('.all_posts').removeClass('hidden')
          $('.label_posts').addClass('hidden')
          $('.breadcrumb .all_num_posts').show()
          $('.breadcrumb .num_posts').empty()
        })
        $('.breadcrumb ul li:not(:first-child)').each(function() {
          $(this).on('click', function(event) {
            $('.all_posts').addClass('hidden')
            $('.label_posts').removeClass('hidden')
            $('.label_posts .blog-posts').empty()
            $('.label_posts .blog-posts').addClass('spinner').addClass('load')
            var labelname = $(event.target).text()
            $('.breadcrumb button').text(labelname)
            $('.breadcrumb ul').addClass('hidden')
            $('.label_posts .show-posts').removeClass('hidden')
            $('.label_posts #numposts').val(0)
            $('.breadcrumb .num_posts').empty()
            $('.breadcrumb .all_num_posts').hide()
            $.ajax({
              type: 'GET',
              url: homepage + '/feeds/posts/summary/-/' + labelname,
              data: {
                'max-results': numposts,
                'alt': 'json'
              },
              dataType: 'jsonp',
              jsonp: 'callback',
              jsonpCallback: 'loadpost',
              success: function(c) {
                $('.label_posts .blog-posts').removeClass('spinner').removeClass('load')
                var totalposts = c.feed.openSearch$totalResults.$t
                $('.breadcrumb .num_posts').append('<span>' + totalposts + ' ' + messagesposts + '</span>')
                $('.label_posts #allposts').attr('value', totalposts)
                if (totalposts > numposts) {
                  $('.label_posts .load-posts').removeClass('hidden')
                  $(document).off('click', '.label_posts .load-posts').on('click', '.label_posts .load-posts', function(d) {
                    $('.label_posts .loadposts').removeClass('hidden').addClass('spinner').addClass('load')
                    var items = Number($('.label_posts #numposts').val())
                    items = items + numposts
                    if (items < totalposts) {
                      $(d.target).addClass('hidden')
                      $('.label_posts #numposts').val(items)
                      setTimeout(function() {
                        $.ajax({
                          type: 'GET',
                          url: homepage + '/feeds/posts/summary/-/' + labelname,
                          data: {
                            'max-results': numposts,
                            'start-index': items + 1,
                            'alt': 'json'
                          },
                          dataType: 'jsonp',
                          jsonp: 'callback',
                          jsonpCallback: 'loadpost',
                          success: function() {
                            var lastposts = items + numposts
                            if (lastposts < totalposts) {
                              $(d.target).removeClass('hidden')
                              $('.label_posts .loadposts').addClass('hidden').removeClass('spinner').removeClass('load')
                            } else {
                              $(d.target).addClass('hidden')
                              $('.label_posts .loadposts,.label_posts .show-posts').addClass('hidden')
                            }
                          }
                        })
                      }, 500)
                    } else {
                      $(d.target).addClass('hidden')
                      $('.label_posts .loadposts,.label_posts .show-posts').addClass('hidden')
                    }
                  })
                } else {
                  $('.label_posts .show-posts').addClass('hidden')
                }
              }
            })
          })
        })
        if (total_posts > numposts) {
          $('.all_posts .load-posts').removeClass('hidden')
          $(document).off('click', '.all_posts .load-posts').on('click', '.all_posts .load-posts', function(e) {
            $('.all_posts .loadposts').removeClass('hidden').addClass('spinner').addClass('load')
            var items = Number($('.all_posts #numposts').val())
            items = items + numposts
            if (items < total_posts) {
              $(e.target).addClass('hidden')
              $('.all_posts #numposts').val(items)
              setTimeout(function() {
                $.ajax({
                  type: 'GET',
                  url: homepage + '/feeds/posts/summary',
                  data: {
                    'max-results': numposts,
                    'start-index': items + 1,
                    'alt': 'json'
                  },
                  dataType: 'jsonp',
                  jsonp: 'callback',
                  jsonpCallback: 'loadcontent',
                  success: function() {
                    var lastposts = items + numposts
                    if (lastposts < total_posts) {
                      $(e.target).removeClass('hidden')
                      $('.all_posts .loadposts').addClass('hidden').removeClass('spinner').removeClass('load')
                    } else {
                      $(e.target).addClass('hidden')
                      $('.all_posts .loadposts,.all_posts .show-posts').addClass('hidden')
                    }
                  }
                })
              }, 500)
            } else {
              $(e.target).addClass('hidden')
              $('.all_posts .loadposts,.all_posts .show-posts').addClass('hidden')
            }
          })
        } else {
          $('.all_posts .show-posts').addClass('hidden')
        }
      }
    })
    $('.breadcrumb button').click(function(e) {
      e.stopPropagation()
      $('.breadcrumb ul').toggleClass('hidden')
    })
    $('.breadcrumb ul').click(function(e) {
      e.stopPropagation()
    })
    $('html').click(function() {
      $('.breadcrumb ul').addClass('hidden')
    })
    $('.scrollTop').click(function() {
      $('html, body').animate({
        scrollTop: 0
        }, '200')      
    })
  //]]></script>

Output

Exit Full Screen