Everlasting Juick scrolling / Бесконечный скроллинг Жуйка
目前為
// Generated by CoffeeScript 1.7.1
// ==UserScript==
// @name Everlasting Juick
// @namespace http://dluciv.name/
// @description Everlasting Juick scrolling / Бесконечный скроллинг Жуйка
// @author dluciv
// @license WTFPLv2 (http://wtfpl.net/)
// @version 0.0.2.4
// @icon http://s3.amazonaws.com/uso_ss/icon/346233/large.png
// @homepage https://greasyfork.org/scripts/646-everlasting-juick
//
// @include http://juick.com/*
// ==/UserScript==
;
window.addEventListener('load', function() {
var $, addClickHandlers, bottomScrollArea, doNotLoadNext, hash, initialbefore, loadNextPage, locWithoutHash, locWithoutHashSearch, newer_page, prevpage, scrollto, scrolly, search;
$ = unsafeWindow.jQuery;
bottomScrollArea = 350;
doNotLoadNext = false;
locWithoutHashSearch = function(loc) {
return loc.protocol + '//' + loc.hostname + (loc.port ? ":" + loc.port : "") + loc.pathname;
};
locWithoutHash = function(loc) {
return loc.protocol + '//' + loc.hostname + (loc.port ? ":" + loc.port : "") + loc.pathname + (loc.search || "");
};
addClickHandlers = function(selector) {
return selector.click(function(e) {
var elt, loadedfrom, msg, msgy, pageid, query, where2return;
elt = $(e.target);
msg = elt.closest('article');
pageid = msg.closest('div.everlasting-div').attr('id');
query = '';
loadedfrom = pageid.match(/loaded_from_(\d+)/);
if (loadedfrom && +loadedfrom[1]) {
query = '?before=' + loadedfrom[1];
}
msgy = msg.offset().top - $(window).scrollTop();
where2return = locWithoutHashSearch(window.location) + query + "#" + msg.attr('data-mid') + '@' + msgy;
window.history.replaceState({}, window.title, where2return);
return console.log("Will return to " + where2return);
});
};
prevpage = '';
loadNextPage = function() {
var oldprevpage, prevpagenum;
doNotLoadNext = true;
oldprevpage = prevpage;
prevpage = $('p.page:last a').attr('href');
$('p.page:last').remove();
if (prevpage) {
prevpagenum = prevpage.match(/.*\?before=(\d+).*/)[1];
console.log("Loading new page: " + prevpage + " (# " + prevpagenum + ")...");
/*
* $.ajax then parse HTML fails for Juick, so playing dirty.
* Seems like browser sets innerHTML and then repairs markup,
* so below approach works.
*/
$('body > section#content > div.everlasting-div:last').after("<div class=\"everlasting-div\" id=\"loaded_from_" + prevpagenum + "\"></div>");
return $("div#loaded_from_" + prevpagenum).load(prevpage + ' #content', function(data, status, req) {
var newer_pages;
console.log("Status: " + status);
if (status === 'success') {
$("div#loaded_from_" + prevpagenum + " article.ads").remove();
$("div#loaded_from_" + prevpagenum + " div[id^=\"yandex_ad_\"]").remove();
$("div#loaded_from_" + prevpagenum + " article").unwrap();
addClickHandlers($("div#loaded_from_" + prevpagenum + " > article a"));
newer_pages = JSON.parse(sessionStorage["newer_pages"] || "{}");
newer_pages[prevpagenum] = oldprevpage;
sessionStorage["newer_pages"] = JSON.stringify(newer_pages);
return setTimeout(function() {
return doNotLoadNext = false;
}, 500);
}
});
} else {
return console.log("Likely reached the very bottom!..");
}
};
$('html body div#footer').css({
position: "fixed",
bottom: "5px",
left: "0px",
'background-color': "#f7f7f7",
opacity: "0.8",
padding: "5px",
'border-radius': "5px"
});
$('section#content').after('<div style="height: 40px;"/>');
$('article.ads, div#footer-left, div[id^="yandex_ad_"]').remove();
initialbefore = window.location.search.match(/\?before=(\d+).*/);
initialbefore = initialbefore && initialbefore[1] || "0";
console.log("Initial before = " + initialbefore);
$('body section#content > article').wrapAll("<div class=\"everlasting-div\" id=\"loaded_from_" + initialbefore + "\"></div>");
hash = window.location.hash.match(/(\d+)@(\d+)/);
if (hash) {
scrollto = hash[1];
scrolly = hash[2];
$(window).scrollTop($("article[data-mid=\"" + scrollto + "\"]").offset().top - (+scrolly));
}
addClickHandlers($("div#loaded_from_" + initialbefore + " > article a"));
if (search = window.location.search.match(/\?before=(\d+)/)) {
if (newer_page = JSON.parse(sessionStorage["newer_pages"] || "{}")[search[1]]) {
$("section#content").prepend("<p><a href=\"" + newer_page + "\"><< Newer</a></p>");
}
}
$(window).scroll(function(evt) {
if (!doNotLoadNext && $(window).innerHeight() + $(window).scrollTop() >= $("body").height() - bottomScrollArea) {
return loadNextPage();
}
});
});