Skip to content

Instantly share code, notes, and snippets.

@YuJianrong

YuJianrong/iPadMangaReader.js

Created March 10, 2012 07:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save YuJianrong/2010644 to your computer and use it in GitHub Desktop.
Save YuJianrong/2010644 to your computer and use it in GitHub Desktop.
Download ZIP
iPadMangaReader.js
Raw
iPadMangaReader.js
//
// Copyright 2010 Yu Jianrong, All Rights Reserved
//
// Licensed under BSD License.
// special case, remove iframe of dm5 page (not include the comic page)
if (window.location.host==="www.dm5.com" && !(/^\/m/.test(window.location.pathname)))
{
var ifs=document.getElementsByTagName("iframe");
for(var i=ifs.length-1; i>=0; --i)
ifs[i].parentNode.removeChild(ifs[i]);
}
else
($___=function()
{
var _window = window;
var _document = document;
var $_=function(id)
{
return _document.getElementById(id);
};
var m=_document.createElement("meta");
m.name="viewport";
var c_page=0;
var div_imgs=[];
var VerticalWritting = true;
var Landscape= false;
var MAXPRELOADPAGENUM = 10;
var getPageURL=function(thePage) { return _window.location.href; };
var div_postprocess = function(){};
var configuration = localStorage.getItem("config")? JSON.parse(localStorage.getItem("config")):{};
if (configuration.SmoothAnimation === undefined)
configuration.SmoothAnimation = true;
if (configuration.PreloadPages === undefined)
configuration.PreloadPages = 4;
var getCurrentPage,
getPageCount,
getImgURL,
setCurrentPage,
getPrevChapter,
getNextChapter;
var parseEngine={
"dm5.com":function()
{
var url = window.location.href;
DM5_PAGE = 1;
if (url.indexOf('-p') > 0) {
DM5_PAGE = parseInt(url.substring(url.indexOf("-p") + 2), 10);
}
croot = DM5_CURL.substring(0, DM5_CURL.length - 1) + "-p";
var mkey = '';
if ($("#dm5_key").length > 0) {
mkey = $("#dm5_key").val();
}
getCurrentPage=function()
{
return DM5_PAGE-1;
};
getPageCount=function()
{
return DM5_IMAGE_COUNT;
};
getImgURL=function(thePage)
{
var ret="";
$.ajax({
url: 'showimagefun.ashx?d=' + new Date(),
data: { cid: DM5_CID, page: thePage+1, language:1, key:mkey },
type: 'GET',
async: false,
error: function (msg) { },
success: function (msg) {
if (msg !== '') {
if (mkey != '') {
eval(msg);
ret = d[0];
} else {
var arr = msg.split(',');
ret = arr[0];
}
}
}
});
return ret;
};
setCurrentPage=function(thePage)
{
DM5_PAGE = thePage+1;
};
getPageURL = function(thePage)
{
return croot + (thePage + 1) + "/";
};
getPrevChapter = function() { return false; };
// var nurl=new String(window.location);
// var cid=nurl.substring(nurl.indexOf("-")+1,nurl.indexOf("_"));
// var nextUrl="../../tiaozhuan.aspx"+"?cid="+cid;
getNextChapter = function() { return {text:"", href:DM5_CURL_END}; };
}
,"u17.com":function()
{
VerticalWritting = false;
getCurrentPage=function()
{
return u_page;
};
getPageCount=function()
{
return __htmlURL.length;
};
getImgURL=function(thePage)
{
var url=__htmlURL[thePage];
//get the html
var request = new XMLHttpRequest();
request.open("GET", url, false);
request.send();
// request.responseText;
return (/src="([^"]*)"/).exec(eee((/document.write\(eee\('([^']*)'/).exec(request.responseText)[1]))[1];
};
setCurrentPage=function(thePage)
{
u_page=thePage;
};
getPageURL = function(thePage)
{
return __htmlURL[thePage];
};
// build the htmlURLs
if (!_window.__htmlURL)
{
u_page = 0;
__htmlURL=[];
var UrlBase = document.body.innerHTML.substr(document.body.innerHTML.indexOf("$('#comicShow')")).match(/location.href=(.*?)\+\$\("#comicShow"\).*?;/)[1];
for (var i=0;i<$_('comicShow').options.length;++i)
{
__htmlURL.push(eval(UrlBase)+$_('comicShow').options[i].value+'.html');
if ($_('comicShow').options[i].selected)
u_page=i;
}
};
try{
var btns = document.querySelectorAll(".comic_read_top dd.read_btn input");
var ChapterInfo={next:false, prev:false};
var nextUrl = String(btns[0].onclick).match(/href='(.*?)'/);
if (nextUrl)
ChapterInfo.next ={text:"", href:nextUrl[1]};
var prevUrl = String(btns[1].onclick).match(/href='(.*?)'/);
if (prevUrl)
ChapterInfo.prev ={text:"", href:prevUrl[1]};
getPrevChapter = function()
{
return ChapterInfo.prev;
};
getNextChapter = function()
{
return ChapterInfo.next;
};
} catch(E)
{
getPrevChapter = function() { return false; };
getNextChapter = function() { return false; };
}
}
,"www.boston.com/bigpicture":function()
{
VerticalWritting = false;
Landscape = true;
if (!_window.__imgs)
{
u_page = 0;
__imgs=[];
var bpDivs = _document.getElementsByClassName("bpBoth");
for (var i=0; i<bpDivs.length;++i)
{
var photoNum=0;
try{ photoNum= bpDivs[i].getElementsByClassName("photoNum")[0].innerText;}catch(e){};
var cap = bpDivs[i].getElementsByClassName("bpCaption")[0].innerText;
if (photoNum)
cap = cap.substring(photoNum.length);
__imgs.push(
{
url:bpDivs[i].getElementsByClassName("bpImage")[0].src,
// photoNum:bpDivs[i].getElementsByClassName("photoNum")[0].innerText,
// caption:bpDivs[i].getElementsByClassName("bpCaption")[0].childNodes[1].nodeValue
caption:cap
});
}
};
getCurrentPage=function()
{
return u_page;
};
getPageCount=function()
{
return __imgs.length;
};
getImgURL=function(thePage)
{
return __imgs[thePage].url;
};
setCurrentPage=function(thePage)
{
u_page=thePage;
};
div_postprocess = function(theDivImg)
{
theDivImg.appendChild(_document.createElement("br"));
theDivImg.appendChild(_document.createTextNode(__imgs[theDivImg.page].caption));
theDivImg.loadImg=function()
{
var _this=this;
if(!this.unloaded)
{
return;
}
this.unloaded=false;
this.tImg.onload=function()
{
var _w=this.width;
var _h=this.height;
if (_this.scrollHeight>690)
{
this.height=this.height - (_this.scrollHeight-690);
this.width=Math.floor(_w*this.height/_h);
}
this.onload=null;
};
setTimeout(function() {
if (!_this.tImg.flink)
_this.tImg.flink=getImgURL(_this.page);
_this.tImg.src=_this.tImg.flink;
} ,0);
// this.className="bpCaption";
// this.tImg.style.position="relative";
// this.tImg.style.top="0px";
// this.tImg.style.left="0px";
};
};
getPrevChapter = function() { return false; };
getNextChapter = function() { return false; };
}
,"www.imanhua.com/comic":function()
{
getCurrentPage=function()
{
return iNo-1;
};
getPageCount=function()
{
return len;
};
getImgURL=function(thePage)
{
return imanhua_host + encodeURI(pic[thePage]);
};
setCurrentPage=function(thePage)
{
iNo=thePage+1;
};
getPageURL = function(thePage)
{
return base + 'p=' + String(thePage);
};
getPrevChapter = function() { return false; };
getNextChapter = function() { return false; };
}
,"www.cococomic.com/manhua|www.99comic.com/manhua|mh.99770.cc/manhua":function()
{
getCurrentPage=function()
{
return parseInt(page, 10)-1;
};
getPageCount=function()
{
return datas;
};
getImgURL=function(thePage)
{
return ServerList[server-1]+arrPicListUrl[thePage];
};
setCurrentPage=function(thePage)
{
page = thePage+1;
};
getPageURL = function(thePage)
{
return '?v='+(thePage+1)+"*s="+server;
};
getPrevChapter = function() { return false; };
getNextChapter = function() { return false; };
}
,"*.178.com/mh/*.shtml":function()
{
getCurrentPage=function()
{
return g_current_page-1;
};
getPageCount=function()
{
return arr_pages.length;
};
getImgURL=function(thePage)
{
return img_prefix+arr_pages[thePage];
};
setCurrentPage=function(thePage)
{
g_current_page = thePage+1;
};
getPageURL = function(thePage)
{
return generatePageUrl(g_page_base,thePage+1);
};
if (!_window._chapterInfo)
{
_window._chapterInfo={
prev:$_("prev_chapter")?{text:$_("prev_chapter").innerText, href:$_("prev_chapter").href}:false,
next:$_("next_chapter")?{text:$_("next_chapter").innerText, href:$_("next_chapter").href}:false};
}
getPrevChapter = function()
{
return _window._chapterInfo.prev;
};
getNextChapter = function()
{
return _window._chapterInfo.next;
};
}
,"comic.131.com/content/":function()
{
getCurrentPage=function()
{
return pageNum -1;
};
getPageCount=function()
{
return total;
};
getImgURL=function(thePage)
{
var url=getPageURL(thePage);
var request = new XMLHttpRequest();
request.open("GET", url, false);
request.send();
// request.responseText;
return (/onclick="NextPage\(\);" src="(.*?)" id="cur_pic"/).exec(request.responseText)[1];
};
setCurrentPage=function(thePage)
{
pageNum = thePage+1;
};
getPageURL = function(thePage)
{
return "http://comic.131.com/content/"+sid+"/"+bid+"/"+(thePage+1)+".html";
};
if (!_window._chapterInfo)
{
var chapters = document.querySelectorAll(".list-directory li a");
for (var i=0;i<chapters.length; ++i)
{
var matchResult = chapters[i].href.match(/content\/(.*)\/(.*)\/.*\.html/);
if (matchResult[1] == sid && matchResult[2] == bid)
break;
}
_window._chapterInfo={
next:i!==0?{text:chapters[i-1].innerText, href:chapters[i-1].href}:false,
prev:(i<chapters.length-1)?{text:chapters[i+1].innerText, href:chapters[i+1].href}:false
};
}
getPrevChapter = function()
{
return _window._chapterInfo.prev;
};
getNextChapter = function()
{
return _window._chapterInfo.next;
};
}
,"comic.xxbh.net/*/*.html":function()
{
getCurrentPage=function()
{
return page -1;
};
getPageCount=function()
{
return maxPage ;
};
getImgURL=function(thePage)
{
return img_svr_eff+arr[thePage];
};
setCurrentPage=function(thePage)
{
page = thePage+1;
};
getPageURL = function(thePage)
{
return "?page="+(thePage+1);
};
getPrevChapter = function()
{
return preLink_b?{text:preName_b, href:preLink_b}:false;
};
getNextChapter = function()
{
return nextLink_b?{text:nextName_b, href:nextLink_b}:false;
};
}
,"*.xindm.cn/display.asp":function()
{
var PageCount= document.getElementsByName("page")[0].length;
try {
var CurrentPage = parseInt(location.search.match(/.*page=(\d*)/)[1], 10) -1;
var UrlBase = location.href.replace((/page=\d*/),"");
}
catch(e){
var CurrentPage = 0;
var UrlBase = location.href+"&";
}
getCurrentPage=function()
{
return CurrentPage;
};
getPageCount=function()
{
return PageCount;
};
getImgURL=function(thePage)
{
var url=getPageURL(thePage);
//get the html
var request = new XMLHttpRequest();
request.open("GET", url, false);
request.send();
// request.responseText;
var tmpDiv = document.createElement("div");
tmpDiv.innerHTML=request.responseText;
return tmpDiv.querySelector("table tbody tr td table tbody tr td table tbody tr td table tbody tr td img").src;
};
setCurrentPage=function(thePage)
{
CurrentPage = thePage;
};
getPageURL = function(thePage)
{
return UrlBase+"page="+(thePage+1);
};
getPrevChapter = function()
{
return false;
};
getNextChapter = function()
{
return false;
};
}
// Add flyluo sites by Bingxin Chen
,"flyluo.com/showpic":function() {
var url = _window.location.href;
FLYLUO_PAGE = 0;
croot = url;
regx = (/<img(?:\s*\w*?\s*=\s*".+?")*?\s*src\s*=\s*"(.+?)"\s*name="myImage"(?:\s*\w*?\s*=\s*".+?")*\s*>/i);
regx1 = (/\.\.\.(\d+)/);
prevChapterRegx = /<a\shref="(.*?)"\sclass="viewnewsup">/;
nextChapterRegx = /下一篇&nbsp;&nbsp;<a\shref="(.*?)">/;
htmlSource = _document.documentElement.outerHTML;
var nextChapterUrl = null;
var prevChapterUrl = null;
if((tmp=htmlSource.match(prevChapterRegx)) !== null) {
tmpUrl = tmp[1];
if ((/http:|https:/).test(tmpUrl))
prevChapterUrl = tmpUrl;
else if ((/^\//).test(tmpUrl))
prevChapterUrl = 'http://www.flyluo.com'+tmpUrl;
else
prevChapterUrl = location.href.match(/.*\//)[0]+tmpUrl;
}
if((tmp=htmlSource.match(nextChapterRegx)) !== null) {
tmpUrl = tmp[1];
if ((/http:|https:/).test(tmpUrl))
nextChapterUrl = tmpUrl;
else if ((/^\//).test(tmpUrl))
nextChapterUrl = 'http://www.flyluo.com'+tmpUrl;
else
nextChapterUrl = location.href.match(/.*\//)[0]+tmpUrl;
}
totalPage = parseInt(document.getElementsByTagName('html')[0].innerText.match(regx1)[1], 10);
if(url.indexOf("-page-") > 0) {
FLYLUO_PAGE = parseInt(url.substring(url.indexOf("-page-") + 6), 10)-1;
croot = url.substring(0, url.indexOf("-page-")+6);
} else
croot = url.substring(0, url.indexOf(".html"))+'-page-';
getCurrentPage = function() {
return FLYLUO_PAGE;
};
getPageCount = function() {
return totalPage;
};
getImgURL = function(thePage) {
proUrl = croot + (thePage+1) + ".html";
var request = new XMLHttpRequest();
request.open("GET", proUrl, false);
request.send();
return request.responseText.match(regx)[1];
};
setCurrentPage = function(thePage) {
FLYLUO_PAGE = thePage + 1;
};
getPageURL = function(thePage)
{
return croot + (thePage + 1) + ".html";
};
getPrevChapter = function() { return prevChapterUrl ? {text:"", href:prevChapterUrl} : false; };
getNextChapter = function() { return nextChapterUrl ? {text:"", href:nextChapterUrl} : false; };
_document.onmousedown=null;
}
,"www.dmeden.com/comichtml":function() {
var PageCount = parseInt(document.getElementById("hdPageCount").value,10);
var CurrentPage = parseInt(document.getElementById("hdPageIndex").value,10) -1;
var __sID = document.getElementById("hdVolID").value;
var __s = document.getElementById("hdS").value;
getCurrentPage = function() {
return CurrentPage;
};
getPageCount = function() {
return PageCount;
};
getImgURL = function(thePage) {
var request = new XMLHttpRequest();
request.open("GET", getPageURL(thePage), false);
request.send();
return request.responseText.match(/id="imgCurr" src="(.*?)"/)[1];
};
setCurrentPage = function(thePage) {
CurrentPage = thePage;
};
getPageURL = function(thePage) {
return "../"+ __sID +"/"+ (thePage+1) + ".html?s=" + __s;
};
getPrevChapter = function() { return false; };
getNextChapter = function() { return false; };
}
,"27bb.com/source/plugin/comic/html/":function(){
var PageCount = document.querySelector("select[onchange='JumpTo(this)']").length *2-1;
var CurrentPage = parseInt(/.*\/(.*?)\.php$/.exec(location.pathname)[1], 10)*2 -2 ;
getCurrentPage = function() {
return CurrentPage;
};
getPageCount = function() {
return PageCount;
};
getImgURL = function(thePage) {
var index = thePage % 2;
var request = new XMLHttpRequest();
request.open("GET", getPageURL(thePage), false);
request.send();
var req=/<img src="(http:\/\/comic\.27bb\.com\/pic\/.*?\.jpg)"/g;
var links=[];
while(true) {
var ret = req.exec(request.responseText);
if (ret === null)
break;
else links.push(ret[1]);
};
index = index > links.length? links.length:index;
return links[index];
};
setCurrentPage = function(thePage) {
CurrentPage = thePage;
};
getPageURL = function(thePage) {
return (thePage>>1) +1 +".php";
};
getPrevChapter = function() { return false; };
getNextChapter = function() { return false; };
}
};
// if (!_window.__iPadReaderInitialized)
// {
// // _window.__iPadReaderInitialized = true;
// // push the pages to the
// for (var i=0;i<getPageCount();++i)
// {
// history.pushState(i,"Page "+(i+1), getPageURL(i));
// }
// _window.onpopstate=function(e)
// {
// c_page=e.state;
// div_imgs[c_page].focusMe();
// };
// }
var formatStr=function(str)
{
var arg = arguments;
var index = 0;
return str.replace((/%s/g), function(s)
{
++index;
return arg[index] === undefined? s : arg[index];
} );
};
var loc_RELOAD="Reload",
loc_VERTICALWRITTING="Vertical Writting",
loc_CURRENTPAGE="Current page:",
loc_JUMPTOPAGE="Jump to page",
loc_FIRSTPAGE="First page already",
loc_LASTPAGE="Last page already",
loc_NOPARSER="No support for this page, follwing pages only:\n%s",
loc_NEXTCHAPTER="Next Chapter:<br/>%s",
loc_PREVCHAPTER="Previous Chapter:<br/>%s",
loc_NONEXTCHAPTER="No next chapter",
loc_NOPREVCHAPTER="no previous chapter",
loc_LANDSCAPEWARNING="Landscape mode only, <br/>please rotate your device!",
loc_PORTRAITWARNING="Portrait mode only, <br/>please rotate your device!";
var loc_RELOAD="重新载入",
loc_VERTICALWRITTING="从右向左阅读",
loc_CURRENTPAGE="当前页：",
loc_JUMPTOPAGE="跳转到：",
loc_FIRSTPAGE="已经是第一页了",
loc_LASTPAGE="已经是最后一页了",
loc_NOPARSER="不能处理该页面，阅读器仅能处理以下页面：\n%s",
loc_NEXTCHAPTER="下一章:<br/>%s",
loc_PREVCHAPTER="上一章:<br/>%s",
loc_NONEXTCHAPTER="没有下一章节",
loc_NOPREVCHAPTER="没有上一章节",
loc_LANDSCAPEWARNING="本页面仅能在横向模式阅读，请旋转您的设备！",
loc_PORTRAITWARNING="本页面仅能在纵向模式阅读，请旋转您的设备！",
loc_ANIMATIONENABLE="平滑翻页",
loc_ANIMATIONWARNING="注意：平滑翻页可能会造成您的Safari浏览器崩溃！\n您确定要打开平滑翻页功能吗？",
loc_LOADING="载入中……长时间无反应请刷新页面重试",
loc_PRELOADPAGENUM = "向后预载入页数：";
var parserFound = false;
for (var parser in parseEngine)
{
if (RegExp(parser.replace(/\.|\/|\*/g,function(e){return({".":"\.","/":"\/","*":".*"})[e];})).test(_window.location.href))
{
parserFound = true;
parseEngine[parser]();
break;
}
}
if (!parserFound)
{
var parsers=[];
for (var parser in parseEngine)
{
parsers.push.apply(parsers, parser.split("|"));
}
alert(formatStr(loc_NOPARSER, parsers.join("\n")));
return;
}
var setConfig=function(itemName, itemValue)
{
configuration[itemName] = itemValue;
localStorage.setItem("config", JSON.stringify(configuration));
};
// clear the images for more memory
var emptyImageSrc="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIHWNgAAIAAAUAAY27m/MAAAAASUVORK5CYII=";
var imgs = _document.getElementsByTagName("img");
for(var i=0;i<imgs.length;++i)
imgs[i].src = emptyImageSrc;
if (!_window.oldTitle)
oldTitle = _document.title;
if (localStorage["ReaderDebug"] === "GenerateList")
{
var allImgs="";
for (var i=0; i< getPageCount();++i)
{
var img = getImgURL(i), url;
if ((/http:|https:/).test(img))
url = img;
else if ((/^\//).test(img))
url = location.origin+img;
else
url = location.href.match(/.*\//)[0]+img;
allImgs += encodeURI(url)+ "<br/>";
}
// alert(allImgs);
document.body.innerHTML = allImgs;
return;
}
var AllLinks=_document.querySelectorAll("head>link");
for(var i=0;i<AllLinks.length;++i)
_document.head.removeChild(AllLinks[i]);
_document.body.style.cssText="margin:0;padding:0;text-align:center;";
setTimeout(function(){
if (!(/iPad/.test(navigator.userAgent))&&localStorage["ReaderDebug"]!=="debug")
{
m.content="width=device-width,initial-scale=1.0,maximum-scale=1.5,minimum-scale=0.25";
_document.getElementsByTagName("head")[0].appendChild(m);
_document.body.innerHTML="";
for(i=0; i<getPageCount(); ++i)
{
var div_img=_document.createElement("div");
div_img.style.cssText="visibility:hidden;position:absolute;left:0px;top:0px;";
div_img.page=i;
div_img.tImg=new Image();
div_img.tImg.style.cssText="position:absolute;left:0px;top:0px;";
div_img.appendChild(div_img.tImg);
div_img.unloaded=true;
div_img.eraseImg=function()
{
if(!this.unloaded)
{
this.unloaded=true;
this.tImg.src=emptyImageSrc;
};
};
div_img.loadImg=function(focus)
{
var _this=this;
var scrollToPos=function ()
{
if (VerticalWritting)
{
setTimeout(function(){ _window.scrollTo(_this.tImg.width-innerWidth,0); },0);
} else
{
setTimeout(function(){ _window.scrollTo(0,0); },0);
}
};
if(!this.unloaded)
{
if (focus)
scrollToPos();
return;
}
this.unloaded=false;
this.tImg.onload=function(){
if (focus)
scrollToPos();
this.onload=null;
};
setTimeout(function() {
if (!_this.tImg.flink)
_this.tImg.flink=getImgURL(_this.page);
_this.tImg.src=_this.tImg.flink;
} ,0);
};
div_img.focusMe=function()
{
setCurrentPage(this.page);
div_imgs[this.page].style.visibility="visible";
div_imgs[this.page].loadImg(true);
for (var i=this.page+1; i<div_imgs.length;++i)
{
div_imgs[i].style.visibility="hidden";
if(i>this.page + configuration.PreloadPages)
div_imgs[i].eraseImg();
else
div_imgs[i].loadImg(false);
};
for (var i=this.page-1; i>=0;--i)
{
div_imgs[i].style.visibility="hidden";
if(i<this.page-2)
div_imgs[i].eraseImg();
else
div_imgs[i].loadImg(false);
};
};
_document.body.appendChild(div_img);
div_imgs.push(div_img);
};
var nextImg=function()
{
++c_page;
if(c_page>=div_imgs.length)
{
c_page=div_imgs.length-1;
alert("Last page already");
}else
// history.forward();
div_imgs[c_page].focusMe();
};
var preImg=function()
{
--c_page;
if(c_page<0)
{
c_page=0;
alert("First page already");
}else
{
// history.back();
div_imgs[c_page].focusMe();
}
};
_document.onmouseup=function(e) {
// for Firefox
if (e.target === _document.documentElement)
return;
if(!e.offsetX) {
e.offsetX = e.layerX;
e.offsetY = e.layerY;
}
if (e.offsetX-scrollX < innerWidth/3)
{
if (VerticalWritting)
nextImg();
else
preImg();
} else if (e.offsetX-scrollX > innerWidth*2/3)
{
if (VerticalWritting)
preImg();
else
nextImg();
} else
{
var p=parseInt(prompt("jump to 1-"+div_imgs.length+" page",c_page+1), 10);
if(p) {
if(p>div_imgs.length)
alert("maximum "+div_imgs.length+" pages!");
else {
c_page=p-1;
div_imgs[p-1].focusMe();
}
}
}
};
}else
{
m.content="user-scalable=no,width=device-width,initial-scale=1.0,maximum-scale=1.0";
_document.getElementsByTagName("head")[0].appendChild(m);
_document.body.innerHTML="<div id=\"ReaderMain\" class=\"iReader\" style=\"opacity:0;left:0px;top:0px;-webkit-transition-duration:500ms;width:100%;height:100%;overflow:hidden;position:absolute;\">";
setTimeout(function(){$_("ReaderMain").style.opacity=1;}, 0);
var div_Images=_document.createElement("div");
div_Images.style.cssText="display:table;text-align:center;background-color:#D6D6D6;font-size:25px;position:absolute;left:0px;top:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;z-index:0;";
div_Images.innerHTML = "<div style='display:table-cell;vertical-align:middle; text-align:center'>"+loc_LOADING+"</div>";
$_("ReaderMain").appendChild(div_Images);
for(i=0; i<getPageCount(); ++i)
{
var div_img=_document.createElement("div");
div_img.style.cssText="background-color:white;visibility:hidden;position:absolute;left:0px;top:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;";
div_img.page=i;
div_img.tImg=new Image();
div_img.appendChild(div_img.tImg);
div_img.loadingText = document.createElement("span");
div_img.appendChild(div_img.loadingText);
div_img.unloaded=true;
div_img.eraseImg=function()
{
if(!this.unloaded)
{
this.unloaded=true;
this.tImg.src=emptyImageSrc;
};
};
div_img.loadImg=function()
{
var _this=this;
if(!this.unloaded)
{
if (!this.tImg.onload)
{
this.tImg.setTransform();
}
return;
}
this.unloaded=false;
this.tImg.onload=function()
{
if (localStorage["ReaderDebug"]==="debug")
console.info("img:w["+this.width+"] h["+this.height+"]:"+this.src);
if (this.width === 1 && this.height === 1)
{
setTimeout(function(){_this.tImg.onload();}, 50);
return;
};
this.setTransform();
this.onload=null;
// clear the page
for (var NodeIdx = _document.body.childNodes.length-1; NodeIdx >=0; --NodeIdx)
{
if (_document.body.childNodes[NodeIdx].className !== "iReader")
_document.body.removeChild(_document.body.childNodes[NodeIdx]);
}
// _this.style.backgroundColor="white";
// this.style.opacity= 1;
// _this.loadingText.innerHTML = "";
_this.style.opacity= 1;
};
this.tImg.setTransform = function()
{
if (this.unloaded)
return;
this.pageHeight = _window.innerHeight;
this.pageWidth=Math.floor(this.width * this.pageHeight / this.height);
if (this.height<10){
this.top=0;
this.left=0;
} else{
if (_this.setToRight ^ !VerticalWritting)
this.left=this.pageWidth<=_window.innerWidth?(_window.innerWidth-this.pageWidth)>>1:0;
else
this.left=this.pageWidth<=_window.innerWidth?(_window.innerWidth-this.pageWidth)>>1:_window.innerWidth-this.pageWidth;
this.top =0;
}
this.style.webkitTransform="translate("+ Math.ceil(this.left)+"px, "+Math.ceil(this.top)+"px)";
};
setTimeout(function() {
if (!_this.tImg.flink)
_this.tImg.flink=getImgURL(_this.page);
_this.tImg.src=_this.tImg.flink;
} ,0);
this.tImg.style.position="absolute";
this.tImg.style.left="0px";
this.tImg.style.top="0px";
this.tImg.style.width="auto";
this.tImg.style.height="100%";
this.tImg.left = this.tImg.top = 0;
this.tImg.setTransform();
this.style.opacity = 0.01;
// this.style.backgroundColor="#D6D6D6";
// this.tImg.style.opacity= 0;
// this.loadingText.innerHTML = loc_LOADING;
};
div_img.focusMe=function(setToRight)
{
setCurrentPage(this.page);
$_("currentPage").innerHTML=(this.page+1)+"/"+getPageCount();
$_("PageJump").value=this.page;
// _document.title = (this.page+1)+"/"+getPageCount() + " " + oldTitle;
try{
history.pushState({},(this.page+1)+"/"+getPageCount() + " " + oldTitle, getPageURL(this.page));
}
catch(e){ }
_document.title = (this.page+1)+"/"+getPageCount() + " " + oldTitle;
div_imgs[this.page].style.visibility="visible";
div_imgs[this.page].setToRight = setToRight;
div_imgs[this.page].loadImg(true);
for (var i=this.page+1; i<div_imgs.length;++i)
{
div_imgs[i].style.visibility="hidden";
div_imgs[i].setToRight = false;
if(i>this.page + configuration.PreloadPages)
div_imgs[i].eraseImg();
else
div_imgs[i].loadImg(false);
}
for (var i=this.page-1; i>=0;--i)
{
div_imgs[i].style.visibility="hidden";
div_imgs[i].setToRight = true;
if(i<this.page-2)
div_imgs[i].eraseImg();
else
div_imgs[i].loadImg(false);
}
div_imgs[this.page].style.webkitTransform="translate(0px,0px)";
if (configuration.SmoothAnimation)
div_imgs[this.page].style.webkitTransitionProperty = "-webkit-transform";
if (this.page>0)
div_imgs[this.page-1].style.webkitTransform="translate(" + (VerticalWritting?100:-100) +"%,0px)";
if (this.page < div_imgs.length -1)
div_imgs[this.page+1].style.webkitTransform="translate(" + (VerticalWritting?-100:100) +"%,0px)";
};
div_img.tImg.addEventListener("webkitTransitionEnd",
function(){
// console.info("transitionEnd" + String(this.style.webkitTransitionProperty) );
this.style.webkitTransitionProperty = "none";
}, false );
div_img.tImg.style.webkitTransitionDuration="300ms";
div_img.tImg.style.webkitTransitionProperty = "none";
div_img.tImg.style.webkitTransform="translate(0px,0px)";
div_img.style.webkitTransitionDuration="300ms";
div_img.style.webkitTransitionProperty = "none";
div_img.style.webkitTransform="translate(0px,0px)";
div_img.addEventListener("webkitTransitionEnd",
function(){
this.style.webkitTransitionProperty = "none";
}, false );
div_postprocess(div_img);
// $_("ReaderMain").appendChild(div_img);
div_Images.appendChild(div_img);
div_imgs.push(div_img);
};
var div_options=_document.createElement("div");
// div_options.style.cssText="font-size:25px;visibility:hidden;position:absolute;left:0px;top:0px;width:"+__ScreenWidth+"px;height:"+__ScreenHeight+"px;overflow-x:hidden;overflow-y:hidden;z-index:10;background-color:rgba(0,0,0,0.6);";
div_options.style.cssText="-webkit-transition-duration:300ms;font-size:25px;display:none;position:absolute;left:0px;top:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;z-index:10;background-color:rgba(0,0,0,0.6);";
div_options.enable = false;
$_("ReaderMain").appendChild(div_options);
div_options.innerHTML="<div id='_left_chapter_' style='display:table;font-size:25px;position:absolute;left:0px;top:0px;width:25%;height:100%;background-color:rgba(255,0,0,0.5);color:white;'>"+
"<span id='_left_chapter_text_' style='vertical-align: middle; display: table-cell;' ></span></div>";
div_options.innerHTML+="<div style=' display: table-cell; width: 50%; height: 100%; position: absolute; left: 25%;'>"+
formatStr("<input type='button' id='Reload' style='font-size:25px;position:absolute;top:25%;left:30%;' value='%s' />" +
"<label style='position:absolute;top:30%;left:20%;background-color:black;color:white;'>" +
"<input type='checkbox' id='VerticalWritting'/>%s</label>" +
"<div style='font-size:25px;position:absolute;top:35%;left:20%;background-color:black;color:white'>" +
"%s<span id='currentPage'></span></div>" +
"<div style='font-size:25px;position:absolute;top:40%;left:20%;background-color:black;color:white;'>" +
"%s<select id='PageJump'></select></div>" +
"<label style='position:absolute;top:45%;left:20%;background-color:black;color:white;'>" +
"<input type='checkbox' id='AnimationEnable'/>%s</label>" +
"<div style='font-size:25px;position:absolute;top:50%;left:20%;background-color:black;color:white;'>" +
"%s<select id='PreloadPages'></select></div>" ,
loc_RELOAD,
loc_VERTICALWRITTING,
loc_CURRENTPAGE,
loc_JUMPTOPAGE,
loc_ANIMATIONENABLE,
loc_PRELOADPAGENUM
) + "</div>";
div_options.innerHTML+="<div id='_right_chapter_' style='display:table;font-size:25px;position:absolute;left:75%;top:0px;width:25%;height:100%;background-color:rgba(255,0,0,0.5);color:white;'>"+
"<span id='_right_chapter_text_' style='vertical-align: middle; display: table-cell;' ></span></div>";
div_options.innerHTML+="<div style='font-size:25px;position:absolute;top:90%;left:30%;background-color:black;color:white;'>Version 0.11.10.31.18</div>";
div_options.addEventListener("webkitTransitionEnd", function(){this.style.display=this.enable?"inline":"none";}, false);
var updateLeftRightPanel=function()
{
var nextChapter, nextChapterText, prevChapter, prevChapterText;
if (VerticalWritting)
{
nextChapter = $_("_left_chapter_");
nextChapterText = $_("_left_chapter_text_");
prevChapter= $_("_right_chapter_");
prevChapterText= $_("_right_chapter_text_");
} else
{
nextChapter = $_("_right_chapter_");
nextChapterText = $_("_right_chapter_text_");
prevChapter= $_("_left_chapter_");
prevChapterText= $_("_left_chapter_text_");
}
var next=getNextChapter();
if (next)
{
nextChapterText.innerHTML = formatStr(loc_NEXTCHAPTER, next.text);
nextChapter.onclick=function() { location.href = next.href; };
nextChapter.style.visibility = "visible";
} else
{
nextChapterText.innerHTML = "";//loc_NONEXTCHAPTER;
nextChapter.onclick=null;
nextChapter.style.visibility = "hidden";
}
var prev=getPrevChapter();
if (prev)
{
prevChapterText.innerHTML = formatStr(loc_PREVCHAPTER, prev.text);
prevChapter.onclick=function() { location.href = prev.href; };
prevChapter.style.visibility = "visible";
} else
{
prevChapterText.innerHTML = "";//loc_NOPREVCHAPTER;
prevChapter.onclick=null;
prevChapter.style.visibility = "hidden";
}
};
$_("VerticalWritting").checked = VerticalWritting;
$_("VerticalWritting").onclick=function()
{
VerticalWritting = !VerticalWritting;
updateLeftRightPanel();
};
$_("Reload").onclick=function()
{
$___();
};
for(var i=0; i<getPageCount(); ++i)
{
var newoption=_document.createElement("option");
newoption.innerHTML=i+1;
newoption.value=i;
// if (i === getCurrentPage())
// newoption.setAttribute("selected", "selected");
$_("PageJump").appendChild(newoption);
};
$_("PageJump").onchange=function()
{
c_page = parseInt($_("PageJump").value , 10);
div_imgs[c_page].focusMe();
showOptionPanel(false);
};
$_("AnimationEnable").checked = !!configuration.SmoothAnimation;
$_("AnimationEnable").onclick=function()
{
// if (this.checked)
// {
// if (!confirm(loc_ANIMATIONWARNING))
// this.checked=false;
// }
setConfig("SmoothAnimation", this.checked);
};
for(var i=2; i <= MAXPRELOADPAGENUM; ++i)
{
var newoption=_document.createElement("option");
newoption.innerHTML=i;
newoption.value=i;
// if (i === getCurrentPage())
// newoption.setAttribute("selected", "selected");
$_("PreloadPages").appendChild(newoption);
};
$_("PreloadPages").value= configuration.PreloadPages;
$_("PreloadPages").onchange=function()
{
var preloadpage = parseInt( $_("PreloadPages").value, 10);
setConfig("PreloadPages", preloadpage);
div_imgs[c_page].focusMe();
};
var showOptionPanel=function(show)
{
div_options.style.opacity = show? 0:1;
div_options.style.display = "inline";
div_options.enable = show;
setTimeout(function(){div_options.style.opacity = div_options.enable?1:0;}, 0);
if (show)
{
// div_options.style.display= "inline";
updateLeftRightPanel();
} else
{
// div_options.style.display= "none";
}
};
var div_rotationWarning = _document.createElement("div");
div_rotationWarning.style.cssText="font-size:25px;visibility:hidden;position:absolute;display:table;left:0px;top:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;z-index:20;background-color:rgba(0,0,0,0.6);";
div_rotationWarning.innerHTML=formatStr("<div style='font-size:25px;position:relative;display:table-cell;vertical-align:middle; text-align:center'><div style='display:inline-block;background-color:black;color:white;'>%s</div></div>",
Landscape?loc_LANDSCAPEWARNING:loc_PORTRAITWARNING);
div_rotationWarning.className="iReader";
_document.body.appendChild(div_rotationWarning);
var checkRotation=function()
{
// if (!(/iPad/.test(navigator.userAgent)))
// return;
var rightOrientation = true;
if (_window.hasOwnProperty("orientation"))
{
switch(_window.orientation)
{
case 0:
case 180:
rightOrientation = !Landscape;
break;
case 90:
case -90:
rightOrientation = Landscape;
break;
}
}
if (!rightOrientation)
{
if (div_rotationWarning.style.visibility !== "visible")
div_rotationWarning.style.visibility = "visible";
div_rotationWarning.enable = true;
} else
{
if (div_rotationWarning.style.visibility !== "hidden")
div_rotationWarning.style.visibility = "hidden";
div_rotationWarning.enable = false;
}
window.scrollTo(0,0);
};
_window.onorientationchange=checkRotation;
checkRotation();
setInterval(checkRotation, 2500);
_window.onresize=function()
{
for ( var i = 0; i<div_imgs.length; ++i)
{
if ( div_imgs[i].tImg.setTransform)
div_imgs[i].tImg.setTransform();
}
};
var slideTowardRight=function()
{
if (div_imgs[c_page].tImg.pageWidth <= _window.innerWidth)
return false;
if(div_imgs[c_page].setToRight^VerticalWritting)
{
div_imgs[c_page].setToRight = VerticalWritting;
div_imgs[c_page].tImg.setTransform();
if (configuration.SmoothAnimation)
div_imgs[c_page].tImg.style.webkitTransitionProperty = "-webkit-transform";
return true;
};
return false;
};
var slideTowardLeft=function()
{
if (div_imgs[c_page].tImg.pageWidth <= _window.innerWidth)
return false;
if(div_imgs[c_page].setToRight^!VerticalWritting)
{
// div_imgs[c_page].tImg.left=_window.innerWidth-div_imgs[c_page].tImg.pageWidth;
div_imgs[c_page].setToRight = !VerticalWritting;
div_imgs[c_page].tImg.setTransform();
if (configuration.SmoothAnimation)
div_imgs[c_page].tImg.style.webkitTransitionProperty = "-webkit-transform";
return true;
};
return false;
};
var preImg=function()
{
if (VerticalWritting)
{
if (slideTowardLeft())
return;
} else
{
if (slideTowardRight())
return;
};
--c_page;
if(c_page<0)
{
c_page=0;
// alert(loc_FIRSTPAGE);
showOptionPanel(true);
}else
{
div_imgs[c_page].focusMe(true);
if (configuration.SmoothAnimation)
{
div_imgs[c_page+1].style.webkitTransitionProperty = "-webkit-transform";
div_imgs[c_page+1].style.visibility="visible";
}
// history.back();
};
};
var nextImg=function()
{
if (VerticalWritting)
{
if (slideTowardRight())
return;
} else
{
if (slideTowardLeft())
return;
}
++c_page;
if(c_page>=div_imgs.length)
{
c_page=div_imgs.length-1;
// alert(loc_LASTPAGE);
showOptionPanel(true);
}else
{
// history.forward();
div_imgs[c_page].focusMe();
if (configuration.SmoothAnimation)
{
div_imgs[c_page-1].style.webkitTransitionProperty = "-webkit-transform";
div_imgs[c_page-1].style.visibility="visible";
}
}
};
var ImageclickAt=function(x, target)
{
if (div_rotationWarning.enable)
return;
if(x<_window.innerWidth/4)
{
if (VerticalWritting)
nextImg();
else
preImg();
}
else if (x>_window.innerWidth*3/4)
{
if (VerticalWritting)
preImg();
else
nextImg();
}
else
{
showOptionPanel(true);
}
return false;
};
var OptionclickAt=function(x, target)
{
if (div_rotationWarning.enable)
return;
if (target.tagName === "DIV")
{
showOptionPanel(false);
return false;
}
};
if(navigator.userAgent.indexOf("iPad")!=-1 || navigator.userAgent.indexOf("Android")!=-1)
{
div_Images.ontouchstart =function(e) { return ImageclickAt(e.touches[0].pageX, e.target); };
div_options.ontouchstart =function(e) { return OptionclickAt(e.touches[0].pageX, e.target); };
}
else
{
div_Images.onmousedown=function(e) { ImageclickAt(e.pageX, e.target); };
div_options.onmousedown=function(e) { OptionclickAt(e.pageX, e.target); };
};
};
c_page=getCurrentPage();
div_imgs[c_page].focusMe();
// c_page=getCurrentPage();
// if (!_window.__iPadReaderInitialized)
// {
// _window.__iPadReaderInitialized = true;
// var pageDelta = c_page - (getPageCount() -1);
// if (pageDelta != 0)
// history.go(pageDelta)
// else
// div_imgs[c_page].focusMe();
// }else
// div_imgs[c_page].focusMe();
},0);
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment