JQuery ajax blog loader

Posted by Anonymous on May Wed 30th 1:20 AM - Never Expires| View : 27
Syntax: JQUERY
686 characters | 30 lines | 686 Bytes
DOWNLOAD | RAW | EMBED | CREATE NEW VERSION OF THIS PASTE | REPORT ABUSE | x
  1. //lazyload
  2.  
  3. var page = 1;
  4. var loading = false;
  5. minus = 40;
  6. if((navigator.userAgent.match(/iPhone/i))) minus = 240;
  7.  
  8. $(window).scroll(function() {
  9.         if($(window).scrollTop() >= $(document).height() - $(window).height() - minus){
  10.            page ++;
  11.            nextPage();
  12.         }
  13. });
  14.                
  15. function nextPage() {
  16.         if(loading) return;
  17.         $('#postHolder').append('<div id="blog_preloader"></div>');
  18.         loading = true;
  19.                        
  20.         jQuery.ajax({
  21.                 type: "GET",
  22.                 data: 'page=' + page,
  23.                 url: "/ajax-file.php",
  24.                 success: function(results) {
  25.                         $(results).appendTo('#postHolder');
  26.                         $('#blog_preloader').remove();
  27.                         loading = false;
  28.                 }
  29.         });
  30. }