/*!
// Infinite Scroll jQuery plugin
// copyright Paul Irish, licensed GPL & MIT
// version 2.0b1.110420
// home and docs: http://www.infinite-scroll.com
*/
; (function ($) {
/* Define 'infinitescroll' function
---------------------------------------------------*/
$.fn.infinitescroll = function infscr(options, callback) {
// grab each selector option and see if any fail.
function areSelectorsValid(opts) {
var debug = $.fn.infinitescroll._debug;
for (var key in opts) {
if (key.indexOf && key.indexOf('Selector') > -1 && $(opts[key]).length === 0) {
debug('Your ' + key + ' found no elements.');
return false;
}
return true;
}
}
// find the number to increment in the path.
function determinePath(path) {
if ($.isFunction(opts.pathParse)) {
debug('pathParse');
return [path];
} else if (path.match(/^(.*?)\b2\b(.*?$)/)) {
path = path.match(/^(.*?)\b2\b(.*?$)/).slice(1);
// if there is any 2 in the url at all.
} else if (path.match(/^(.*?)1(.*?$)/)) {
// page= is used in django:
// http://www.infinite-scroll.com/changelog/comment-page-1/#comment-127
if (path.match(/^(.*?page=)1(\/.*|$)/)) {
path = path.match(/^(.*?page=)1(\/.*|$)/).slice(1);
return path;
}
path = path.match(/^(.*?)1(.*?$)/).slice(1);
} else {
// page= is used in drupal too but second page is page=1 not page=2:
// thx Jerod Fritz, vladikoff
if (path.match(/^(.*?page=)1(\/.*|$)/)) {
path = path.match(/^(.*?page=)1(\/.*|$)/).slice(1);
return path;
} else {
debug('Sorry, we couldn\'t parse your Next (Previous Posts) URL. Verify your the css selector points to the correct A tag. If you still get this error: yell, scream, and kindly ask for help at infinite-scroll.com.');
props.isInvalidPage = true; //prevent it from running on this page.
}
}
debug('determinePath',path);
return path;
}
/*
// find the number to increment in the path.
function determinePath(path){
path.match(relurl) ? path.match(relurl)[2] : path;
// there is a 2 in the url surrounded by slashes, e.g. /page/2/
if ( path.match(/^(.*?)\b1\b(.*?$)/) ){
path = path.match(/^(.*?)\b1\b(.*?$)/).slice(1);
}
else
// if there is any 2 in the url at all.
if (path.match(/^(.*?)1(.*?$)/)){
// page= is used in django:
// http://www.infinite-scroll.com/changelog/comment-page-1/#comment-127
if ( path.match(/^(.*?page=)1(\/.*|$)/) ){
path = path.match(/^(.*?page=)1(\/.*|$)/).slice(1);
return path;
}
debug('Trying backup next selector parse technique. Treacherous waters here, matey.');
path = path.match(/^(.*?)1(.*?$)/).slice(1);
} else {
// page= is used in drupal too but second page is page=1 not page=2:
// thx Jerod Fritz, vladikoff
if (path.match(/^(.*?page=)1(\/.*|$)/)) {
path = path.match(/^(.*?page=)1(\/.*|$)/).slice(1);
return path;
}
debug('Sorry, we couldn\'t parse your Next (Previous Posts) URL. Verify your the css selector points to the correct A tag. If you still get this error: yell, scream, and kindly ask for help at infinite-scroll.com.');
props.isInvalidPage = true; //prevent it from running on this page.
}
return path;
// return '0';
}
*/
// Calculate internal height (used for local scroll)
function hiddenHeight(element) {
var height = 0;
$(element).children().each(function () {
height = height + $(this).outerHeight(false);
});
return height;
}
//Generate InstanceID based on random data (to give consistent but different ID's)
function generateInstanceID(element) {
var number = $(element).length + $(element).html().length + $(element).attr("class").length + $(element).attr("id").length;
opts.infid = number;
}
// if options is a string, use as a command
if (typeof options=='string') {
var command = options,
argument = callback,
validCommand = (command == 'pause' || command == 'destroy' || command == 'retrieve' || command == 'binding'),
debug = $.fn.infinitescroll._debug;
argument = argument || null;
command = (validCommand) ? $.fn.infinitescroll[command](argument) : debug('Invalid command');
return false;
}
// lets get started.
var opts = $.infinitescroll.opts = $.extend({}, $.infinitescroll.defaults, options),
props = $.infinitescroll, // shorthand
innerContainerHeight, box, frag, desturl, pause, error, errorStatus, method, result;
callback = $.fn.infinitescroll._callback = callback || function () { },
debug = $.fn.infinitescroll._debug,
error = $.fn.infinitescroll._error,
pause = $.fn.infinitescroll.pause,
destroy = $.fn.infinitescroll.destroy,
binding = $.fn.infinitescroll.binding;
// if selectors from opts aren't valid, return false
if (!areSelectorsValid(opts)) { return false; }
opts.container = opts.container || document.documentElement;
// contentSelector we'll use for our ajax call
opts.contentSelector = opts.contentSelector || this;
// Generate unique instance ID
opts.infid = (opts.infid == 0) ? generateInstanceID(opts.contentSelector) : opts.infid;
// loadMsgSelector - if we want to place the load message in a specific selector, defaulted to the contentSelector
opts.loadMsgSelector = opts.loadMsgSelector || opts.contentSelector;
// get the relative URL - everything past the domain name.
var relurl = /(.*?\/\/).*?(\/.*)/,
path = $(opts.nextSelector).attr('href');
if (!path) { debug('Navigation selector not found'); return; }
// set the path to be a relative URL from root.
opts.path = determinePath(path);
// define loading msg
props.loadingMsg = $('
' + opts.loadingText + '
'+data+'
';
data = $(data).find(opts.itemSelector);
};
break;
case 'append':
var children = box.children();
// if it didn't return anything
if (children.length == 0 || children.hasClass('error404')) {
// trigger a 404 error so we can quit.
return error([404]);
}
// use a documentFragment because it works when content is going into a table or UL
frag = document.createDocumentFragment();
while (box[0].firstChild) {
frag.appendChild(box[0].firstChild);
}
$(opts.contentSelector)[0].appendChild(frag);
// previously, we would pass in the new DOM element as context for the callback
// however we're now using a documentfragment, which doesnt havent parents or children,
// so the context is the contentContainer guy, and we pass in an array
// of the elements collected as the first argument.
data = children.get();
break;
}
// fadeout currently makes the 'd text ugly in IE6
props.loadingMsg.fadeOut('normal');
// smooth scroll to ease in the new content
if (opts.animate) {
var scrollTo = $(window).scrollTop() + $('#infscr-loading').height() + opts.extraScrollPx + 'px';
$('html,body').animate({ scrollTop: scrollTo }, 800, function () { opts.isDuringAjax = false; });
}
if (!opts.animate) opts.isDuringAjax = false; // once the call is done, we can allow it again.
callback.call($(opts.contentSelector)[0], data);
};
// Show done message.
$.fn.infinitescroll._donemsg = function infscr_donemsg() {
// replace with shorthand function
var props = $.infinitescroll,
opts = $.infinitescroll.opts;
props.loadingMsg
.find('img')
.hide()
.parent()
.find('div').html(opts.donetext).animate({ opacity: 1 }, 2000, function () {
$(this).parent().fadeOut('normal');
});
// user provided callback when done
opts.errorCallback();
}
// Pause function
$.fn.infinitescroll.pause = function infscr_pause(pause) {
// if pauseValue is not 'pause' or 'resume', toggle it's value
var debug = $.fn.infinitescroll._debug,
opts = $.infinitescroll.opts;
if (pause !== 'pause' && pause !== 'resume' && pause !== 'toggle' && pause !== null) {
debug('Invalid argument. Toggling pause value instead');
};
pause = (pause && (pause == 'pause' || pause == 'resume')) ? pause : 'toggle';
switch (pause) {
case 'pause':
opts.isPaused = true;
break;
case 'resume':
opts.isPaused = false;
break;
case 'toggle':
opts.isPaused = !opts.isPaused;
break;
}
debug('Paused',opts.isPaused);
return false;
}
// Error function
$.fn.infinitescroll._error = function infscr_error(xhr) {
// replace with shorthand function
var opts = $.infinitescroll.opts,
binder = (opts.container.nodeName == "HTML") ? $(window) : $(opts.container),
debug = $.fn.infinitescroll._debug,
showDoneMsg = $.fn.infinitescroll._donemsg,
error = (!opts.isDone && xhr == 404) ? 'end' : (opts.isDestroyed && xhr == 302) ? 'destroy' : 'unknown';
switch (error) {
case 'end':
// die if we're out of pages.
debug('Page not found. Self-destructing...');
showDoneMsg();
opts.isDone = true;
opts.currPage = 1; // if you need to go back to this instance
opts.isPaused = false;
binder.unbind('smartscroll.infscr.' + opts.infid);
break;
case 'destroy':
// die if destroyed.
debug('Destroyed. Going to next instance...');
opts.isDone = true;
opts.currPage = 1; // if you need to go back to this instance
opts.isPaused = false;
binder.unbind('smartscroll.infscr.' + opts.infid);
break;
case 'unknown':
// unknown error.
debug('Unknown Error. WHAT DID YOU DO?!...');
showDoneMsg();
opts.isDone = true;
opts.currPage = 1; // if you need to go back to this instance
binder.unbind('smartscroll.infscr.' + opts.infid);
break;
}
}
// Destroy current instance of the plugin
$.fn.infinitescroll.destroy = function infscr_destroy() {
// replace with shorthand function
var opts = $.infinitescroll.opts,
error = $.fn.infinitescroll._error;
opts.isDestroyed = true;
return error([302]);
}
// Scroll binding + unbinding
$.fn.infinitescroll.binding = function infscr_binding(binding) {
// replace with shorthand function
var opts = $.infinitescroll.opts,
setup = $.fn.infinitescroll._setup,
error = $.fn.infinitescroll._error,
debug = $.fn.infinitescroll._debug;
switch(binding) {
case 'bind':
opts.binder.bind('smartscroll.infscr.'+opts.infid, setup);
break;
case 'unbind':
opts.binder.unbind('smartscroll.infscr.'+opts.infid);
break;
}
debug('Binding',binding);
return false;
}
/*
* smartscroll: debounced scroll event for jQuery *
* https://github.com/lukeshumard/smartscroll
* Based on smartresize by @louis_remi: https://github.com/lrbabe/jquery.smartresize.js *
* Copyright 2011 Louis-Remi & Luke Shumard * Licensed under the MIT license. *
*/
var event = $.event,
scrollTimeout;
event.special.smartscroll = {
setup: function() {
$(this).bind( "scroll", event.special.smartscroll.handler );
},
teardown: function() {
$(this).unbind( "scroll", event.special.smartscroll.handler );
},
handler: function( event, execAsap ) {
// Save the context
var context = this,
args = arguments;
// set correct event type
event.type = "smartscroll";
if (scrollTimeout) { clearTimeout(scrollTimeout); }
scrollTimeout = setTimeout(function() {
jQuery.event.handle.apply( context, args );
}, execAsap === "execAsap"? 0 : 100);
}
};
$.fn.smartscroll = function( fn ) {
return fn ? this.bind( "smartscroll", fn ) : this.trigger( "smartscroll", ["execAsap"] );
};
})(jQuery);