czaks
10 years ago
1 changed files with 91 additions and 0 deletions
@ -0,0 +1,91 @@ |
|||||
|
/* |
||||
|
* infinite-scroll.js |
||||
|
* https://github.com/vichan-devel/vichan/blob/master/js/infinite-scroll.js
|
||||
|
* |
||||
|
* Released under the MIT license |
||||
|
* Copyright (c) 2013-2014 Marcin Łabanowski <marcin@6irc.net> |
||||
|
* |
||||
|
* Usage: |
||||
|
* $config['additional_javascript'][] = 'js/jquery.min.js'; |
||||
|
* $config['additional_javascript'][] = 'js/infinite-scroll.js'; |
||||
|
* |
||||
|
*/ |
||||
|
|
||||
|
$(function() { |
||||
|
if (active_page == 'index') { |
||||
|
|
||||
|
|
||||
|
var loading = false; |
||||
|
|
||||
|
var activate = function() { |
||||
|
if (document.location.hash != '#all') return false; |
||||
|
|
||||
|
$(window).on("scroll", function() { |
||||
|
scrolltest(); |
||||
|
}); |
||||
|
scrolltest(); |
||||
|
|
||||
|
return true; |
||||
|
}; |
||||
|
|
||||
|
var scrolltest = function() { |
||||
|
if ($(window).scrollTop() + $(window).height() + 1000 > $(document).height() && !loading) { |
||||
|
load_next_page(); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
var load_next_page = function() { |
||||
|
if (loading) return; |
||||
|
loading = true; |
||||
|
|
||||
|
var this_page = $(".pages a.selected:last"); |
||||
|
var next_page = this_page.next(); |
||||
|
|
||||
|
var href = next_page.prop("href"); |
||||
|
if (!href) return; |
||||
|
|
||||
|
var boardheader = $('<h2>'+_('Page')+' '+next_page.html()+'</h2>'); |
||||
|
var loading_ind = $('<h2>'+_('Loading...')+'</h2>').insertBefore('form[name="postcontrols"]>.delete:first'); |
||||
|
|
||||
|
$.get(href, function(data) { |
||||
|
var doc = $(data); |
||||
|
|
||||
|
loading_ind.remove(); |
||||
|
boardheader.insertBefore('form[name="postcontrols"]>.delete:first'); |
||||
|
|
||||
|
var i = 0; |
||||
|
|
||||
|
doc.find('div[id*="thread_"]').each(function() { |
||||
|
var checkout = $(this).attr('id').replace('thread_', ''); |
||||
|
var $this = this; |
||||
|
|
||||
|
if ($('div#thread_' + checkout).length == 0) { |
||||
|
// Delay DOM insertion to lessen the lag.
|
||||
|
setTimeout(function() { |
||||
|
$($this).insertBefore('form[name="postcontrols"]>.delete:first'); |
||||
|
$(document).trigger('new_post', $this); |
||||
|
$($this).hide().slideDown(); |
||||
|
}, 500*i); |
||||
|
i++; |
||||
|
} |
||||
|
}); |
||||
|
setTimeout(function() { |
||||
|
loading = false; |
||||
|
scrolltest(); |
||||
|
}, 500*(i+1)); |
||||
|
|
||||
|
next_page.addClass('selected'); |
||||
|
}); |
||||
|
|
||||
|
}; |
||||
|
|
||||
|
var button = $("<a href='#all'>"+_("All")+" </a>").prependTo(".pages"); |
||||
|
|
||||
|
$(window).on("hashchange", function() { |
||||
|
return !activate(); |
||||
|
}); |
||||
|
activate(); |
||||
|
|
||||
|
|
||||
|
} |
||||
|
}); |
Loading…
Reference in new issue