Scroll to browsing e-hentai's art.
Per
// ==UserScript==
// @namespace https://greasyfork.org/zh-TW/users/142344-jasn-hr
// @name e-hentai Scroll Mode
// @description Scroll to browsing e-hentai's art.
// @copyright 2019, HrJasn (https://greasyfork.org/zh-TW/users/142344-jasn-hr)
// @license GPL-3.0-or-later
// @version 2.1.2
// @icon https://www.google.com/s2/favicons?domain=e-hentai.org
// @include http*://e-hentai.org/s/*
// @include http*://exhentai.org/s/*
// @exclude http*://www.e-hentai.org/*
// @grant none
// ==/UserScript==
window.onload = function(){
targetURL = "";
currentImageURL = "";
currentImageOnclick = "";
currentImageScrollTop = 0;
lastScrollTop = 0;
mainImage = document.querySelector("#img");
mainImage_parentDIV = mainImage.parentNode.parentNode.parentNode;
scrollMode_DIV = document.body.appendChild(document.createElement("div"));
scrollMode_DIV.style = "z-index:999;position:fixed;cursor:pointer;left:0px;width:100%;height:0px;top:" + window.innerHeight + "px;-webkit-overflow-scrolling:touch;overflow-y:scroll;background-color:gray;transition:all 0.5s ease 0.5s;";
mainImage_clone = scrollMode_DIV.appendChild(mainImage.cloneNode(true));
mainImage_clone.style.maxWidth = "";
mainImage_clone.style.maxHeight = "";
mainImage_clone_originalWidth = mainImage_clone.offsetWidth;
mainImage_clone_originalHeight = mainImage_clone.offsetHeight;
mainImage_clone.setAttribute("originalWidth",mainImage_clone_originalWidth);
mainImage_clone.setAttribute("originalHeight",mainImage_clone_originalHeight);
mainImage_clone.style.width = "100%";
mainImage_clone.style.height = (mainImage_clone_originalHeight*mainImage_clone.offsetWidth)/mainImage_clone_originalWidth + "px";
mainImage_clone.setAttribute("prevURL",mainImage_parentDIV.querySelector('a#prev').href);
mainImage_clone.setAttribute("prevOnclick",mainImage_parentDIV.querySelector('a#prev').getAttribute("onclick"));
mainImage_clone.setAttribute("nextURL",mainImage_parentDIV.querySelector('a#next').href);
mainImage_clone.setAttribute("nextOnclick",mainImage_parentDIV.querySelector('a#next').getAttribute("onclick"));
targetURL = mainImage_clone.getAttribute("nextURL");
sendInfo(targetURL);
scrollMode_DIV.addEventListener('click', function(){
if (scrollMode_DIV.offsetHeight==0) {
document.body.style.overflow="hidden";
scrollMode_DIV.style.top = "0px";
scrollMode_DIV.style.height = window.innerHeight + "px";
scrollMode_DIV.style.transition = "";
scrollMode_DIV.scrollTop = mainImage_clone.offsetTop + mainImage_clone.offsetHeight - window.innerHeight;
var tmpInterval = setInterval(function(){
if(scrollMode_DIV.scrollTop <= (mainImage_clone.offsetTop + mainImage_clone.offsetHeight)){
scrollMode_DIV.scrollTop += ((((mainImage_clone.offsetTop + mainImage_clone.offsetHeight) - scrollMode_DIV.scrollTop)/200)+10);
} else {
clearInterval(tmpInterval);
}
},((scrollMode_DIV.scrollTop - (mainImage_clone.offsetTop + mainImage_clone.offsetHeight))/200));
scrollMode_DIV.style.transition = "all 0.5s ease 0.5s";
} else {
var imgObjs = scrollMode_DIV.querySelectorAll("img");
for (var i = 0; i < imgObjs.length; i++) {
if ( scrollMode_DIV.scrollTop < imgObjs[i].offsetTop ) {
currentImageScrollTop = scrollMode_DIV.scrollTop;
if(imgObjs[i-1]){
mainImage_clone = imgObjs[i-1];
currentImageScrollTop = scrollMode_DIV.scrollTop - mainImage_clone.offsetTop;
}
var a = document.createElement("a");
a.setAttribute("href", "#");
a.setAttribute("onclick",imgObjs[i].getAttribute("prevOnclick"));
document.body.appendChild(a);
a.style.display = "none";
a.onclick();
break;
}
}
scrollMode_DIV.style.top = window.innerHeight + "px";
scrollMode_DIV.style.height = "0px";
window.focus();
setTimeout(function(){
document.body.style.overflow="";
}, 510);
if(currentImageScrollTop){
window.scrollTo(0,currentImageScrollTop);
}else{
window.scrollTo(0,Math.max(window.pageYOffset,document.documentElement.scrollTop)*0.98);
}
if (document.body.getAttribute('listener') !== 'true') {
document.body.addEventListener("wheel",openscrollMode_DIV,false);
document.body.addEventListener("scroll",openscrollMode_DIV,false);
document.body.addEventListener("keydown",openscrollMode_DIV,false);
}
}
});
window.addEventListener('resize', function(){
scrollMode_DIV.style.transition = "";
scrollMode_DIV.style.height = window.innerHeight + "px";
var lastscrollHeight = scrollMode_DIV.scrollHeight;
scrollMode_DIV.querySelectorAll("img").forEach(function(imgObj){
imgObj.style.width = "100%";
var mainImage_clone_originalWidth = imgObj.getAttribute("originalWidth");
var mainImage_clone_originalHeight = imgObj.getAttribute("originalHeight");
imgObj.style.height = (mainImage_clone_originalHeight*imgObj.offsetWidth)/mainImage_clone_originalWidth + "px";
});
scrollMode_DIV.style.transition = "all 0.5s ease 0.5s";
scrollMode_DIV.scrollTop = scrollMode_DIV.scrollTop*(scrollMode_DIV.scrollHeight/lastscrollHeight);
});
var openscrollMode_DIV = function(){
var currentScrollTop = window.pageYOffset || document.documentElement.scrollTop;
if ( (currentScrollTop >= lastScrollTop) && (currentScrollTop + window.innerHeight >= document.body.offsetHeight*0.99) ) {
scrollMode_DIV.click();
scrollMode_DIV.focus();
this.removeEventListener('wheel', arguments.callee);
this.removeEventListener('scroll', arguments.callee);
this.removeEventListener('keydown', arguments.callee);
}
lastScrollTop = currentScrollTop <= 0 ? 0 : currentScrollTop;
}
document.body.addEventListener("wheel",openscrollMode_DIV,false);
document.body.addEventListener("scroll",openscrollMode_DIV,false);
document.body.addEventListener("keydown",openscrollMode_DIV,false);
var loadpages = function(event){
if (scrollMode_DIV.scrollTop + window.innerHeight >= scrollMode_DIV.scrollHeight*0.7) {
scrollMode_DIV.style.height = window.innerHeight + "px";
var imgObjs = scrollMode_DIV.querySelectorAll("img");
if (imgObjs[imgObjs.length-1].getAttribute("nextURL") != targetURL) {
currentImageURL = imgObjs[imgObjs.length-1].getAttribute("nextURL");
currentImageOnclick = imgObjs[imgObjs.length-1].getAttribute("nextOnclick");
targetURL = imgObjs[imgObjs.length-1].getAttribute("nextURL");
sendInfo(targetURL);
}
}
}
scrollMode_DIV.addEventListener("wheel",loadpages,false);
scrollMode_DIV.addEventListener("scroll",loadpages,false);
scrollMode_DIV.addEventListener("keydown",loadpages,false);
function sendInfo(url){
if (window.XMLHttpRequest) {
request = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
request = new ActiveXObject("Microsoft.XMLHTTP");
}
try {
request.onreadystatechange = getInfo;
request.open("GET", url, true);
request.send();
}
catch (e) {
console.log("Unable to connect to server");
}
}
function getInfo(){
if (request.readyState == 4) {
var getInfoText = request.responseText;
var parser = new DOMParser();
var getInfoBody = parser.parseFromString(getInfoText,"text/html").body;
var getInfoImage = getInfoBody.querySelector("#img");
var getInfoImage_parentDIV = getInfoImage.parentNode.parentNode.parentNode;
getInfoImage.setAttribute("prevURL",getInfoImage_parentDIV.querySelector('a#prev').href);
getInfoImage.setAttribute("prevOnclick",getInfoImage_parentDIV.querySelector('a#prev').getAttribute("onclick"));
getInfoImage.setAttribute("nextURL",getInfoImage_parentDIV.querySelector('a#next').href);
getInfoImage.setAttribute("nextOnclick",getInfoImage_parentDIV.querySelector('a#next').getAttribute("onclick"));
getInfoImage.setAttribute("currentImageURL",currentImageURL);
getInfoImage.setAttribute("currentImageOnclick",currentImageOnclick);
putImage(getInfoImage);
}
}
function putImage(targetImage){
var toLoadImage = scrollMode_DIV.appendChild(targetImage);
toLoadImage.style.maxWidth = "";
toLoadImage.style.maxHeight = "";
var toLoadImage_originalWidth = toLoadImage.offsetWidth;
var toLoadImage_originalHeight = toLoadImage.offsetHeight;
toLoadImage.setAttribute("originalWidth",toLoadImage_originalWidth);
toLoadImage.setAttribute("originalHeight",toLoadImage_originalHeight);
toLoadImage.style.width = "100%";
toLoadImage.style.height = (toLoadImage_originalHeight*toLoadImage.offsetWidth)/toLoadImage_originalWidth + "px";
}
}