NOTICE: By continued use of this site you understand and agree to the binding Terms of Service and Privacy Policy.
// ==UserScript==
// @name Endless Google
// @description Load more results automatically and endlessly.
// @author tumpio
// @oujs:author tumpio
// @license MIT
// @namespace tumpio@sci.fi
// @homepageURL https://openuserjs.org/scripts/tumpio/tumpiosci.fi/Endless_Google
// @supportURL https://github.com/tumpio/gmscripts
// @icon https://github.com/tumpio/gmscripts/raw/master/Endless_Google/large.png
// @include http://www.google.*
// @include https://www.google.*
// @include https://encrypted.google.*
// @run-at document-start
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// @version 0.0.4-joey5
// ==/UserScript==
// TODO: on page refresh:
// 2: load only the last scrolled page (on refresh, load last requested page) (could be a good default, needs scroll up support)
// beforeunload -> store last requested page with GM_setVariable() and reload it instead
// TODO: onerror, onabort: show to user "page loading failed", button to retry
// FIXME: bug: Suggested images don't show up on new requested pages
// case: https://www.google.fi/webhp?tab=ww&ei=e0UjU9ynEKqkyAO46YD4DQ&ved=0CBEQ1S4#q=tetsaus
// workaround, hiding now
// FUTURE: Options dialog
// FUTURE: Replace footer with page #no info UI
// FUTURE: Add page up/down and back to top/bottom controls UI + (go to the page #n)?
// FUTURE: Add columns support
// FUTURE: show page loading icon
// FUTURE: show page fav-icons for results
// FUTURE: number results
// FUTURE: option to load static google css
// FUTURE: support scroll up
if (location.href.indexOf("tbm=isch") !== -1) // NOTE: Don't run on image search
return;
if (window.top !== window.self) // NOTE: Do not run on iframes
return;
document.addEventListener('DOMContentLoaded', function () {
// NOTE: Options
var request_pct = 1.50; // percentage of window height left on document to request next page, value must be between 0-1
var event_type = "scroll"; // or "wheel"
var on_page_refresh = 1;
// 0: reload all previous pages requested
// 1: load only the first page (prevent restoring the scroll position)
// 2: load only the last page requested
var main = document.getElementById("main");
var rcnt = document.getElementById("rcnt");
var input = document.getElementById("lst-ib");
var input_value = input.value;
var old_scrollY = 0;
var scroll_events = 0;
var next_link = null;
var cols = [];
var request_offsetHeight = 0;
var stop_events = false;
input.addEventListener("blur", reset, false); // NOTE: listens for new search input to reset state
window.addEventListener(event_type, onScroll, false);
// Disabled by Joey because it is mildly annoying when clicking a link, and I'm not sure what its benefit is
//window.addEventListener("beforeunload", function () {
// window.scrollTo(0, 0);
//}, false);
function requestNextPage(link) {
console.log("request next");
console.log(link);
GM_xmlhttpRequest({
method: "GET",
url: link,
onload: function (response) {
var el = document.getElementById('navcnt');
el.parentNode.removeChild(el); //Deletes the navigation box
var holder = document.createElement("div");
holder.innerHTML = response.responseText;
next_link = holder.querySelector("#pnnext").href;
var next_col = document.createElement("div");
next_col.className = "EG_col";
next_col.appendChild(holder.querySelector("#center_col"));
var rel_search = next_col.querySelector("#extrares");
var rel_images = next_col.querySelector("#imagebox_bigimages");
var rel_ads = next_col.querySelector("#tads");
if (rel_search)
rel_search.style.display = "none"; // NOTE: Hides repeating "related searches"
if (rel_images)
rel_images.style.display = "none"; // NOTE: Hides related images, that are broken (bug)
if (rel_ads)
rel_ads.style.display = "none"; // NOTE: Hides repeating "search results ad"
cols.push(next_col);
console.log("Page no: " + cols.length);
next_col.id = next_col.className + "_" + (cols.length - 1); // NOTE: add unique id for every new col
if (!rcnt || cols.length === 1) // NOTE: needs to be rechecked on a state reset too, and late insertation of element on google instant
rcnt = document.getElementById("rcnt");
rcnt.appendChild(next_col);
stop_events = false;
window.addEventListener(event_type, onScroll, false);
}
});
}
function onScroll(e) {
var y = window.scrollY;
// if (scroll_events === 0) old_scrollY = y; // stops only if scroll position was on 2. page
var delta = e.deltaY || y - old_scrollY; // NOTE: e.deltaY for "wheel" event
if (delta > 0 && (window.innerHeight + y) >= (document.body.clientHeight - (window.innerHeight * request_pct))) {
console.log("scroll end");
window.removeEventListener(event_type, onScroll, false);
try {
if(!stop_events){
stop_events = true;
requestNextPage(next_link || document.getElementById("pnnext").href);
}
} catch (err) {
console.error(err.name + ": " + err.message);
// NOTE: recovery unnecessary, input event handles it with reset on new search
}
}
old_scrollY = y;
scroll_events += 1;
}
// NOTE: Resets the script state on a new search
function reset() {
if (input.value !== input_value) {
input_value = input.value;
window.scrollTo(0, 0);
for (var i = 0; i < cols.length; i++)
rcnt.removeChild(cols[i]);
cols = [];
next_link = null;
old_scrollY = 0;
scroll_events = 0;
console.log("RESET");
}
}
console.log("egoogle.js initialized");
});
console.log("egoogle.js loaded");
// The related searches are a bit jarring because they mix in with the search results.
// So we give them a light grey background, so are visually distinguishable
// Trying to produce something similar to the exp-outline class
GM_addStyle("#extrares { border: 1px solid rgba(0, 0, 0, 0.13); border-radius: 0px; background: rgba(0, 0, 0, 0.02); margin-bottom: 24px; }");
// Lets also reduce the rather large top and bottom padding on this box
GM_addStyle("#brs { margin-bottom: 20px }");
GM_addStyle("#brs > * { margin-top: 26px }");