// ==UserScript==
// @name たてがき!進化版
// @description 「小説家になろう」をiPhoneで縦書きにして読む。GoogleCode閉鎖したので別の場所から。
// @include http://*
// @require http://blog-imgs-108.fc2.com/s/u/g/sugarless1682/nehan.js
// @require http://blog-imgs-108.fc2.com/s/u/g/sugarless1682/nehan.css
// ==/UserScript==
/*
* @title たてがき!進化版
* @description 「小説家になろう」をiPhoneで縦書きにして読む。GoogleCode閉鎖したので別の場所から。
* @include http://*
* @license MIT License
* @require http://blog-imgs-108.fc2.com/s/u/g/sugarless1682/nehan.js
* @require http://blog-imgs-108.fc2.com/s/u/g/sugarless1682/nehan.css
*/
/*
* 「小説家になろう」の各小説本文ページで使ってください。
* iPhone5の解像度で最適化(したつもり)。
* 冗長なとこ多いのでそのうち直す…かも。
*/
/*
* 「なろう」から
*/
//本文取得
var targetNode=document.getElementById("novel_honbun");
/*
* 涅槃準備
*/
//PagedElementの作成
var paged_element = Nehan.createPagedElement();
//スタイルの設定
paged_element.setStyle("body", {
"flow":"tb-rl",
"width":320,
"height":440,
"font-size":16
});
//本文をセット
paged_element.setContent(targetNode.innerHTML);
//組版結果のDOMを取得
var element = paged_element.getElement();
//本文を組版結果に置換
targetNode.parentNode.replaceChild(element,targetNode);
/*
* ボタンのセット
*/
// 進むボタン
var NextButton = document.createElement('input');
NextButton.type = "button";
NextButton.value = "< 進む";
NextButton.id = "next-button";
// 戻るボタン
var PrevButton = document.createElement('input');
PrevButton.type = "button";
PrevButton.value = "戻る >";
PrevButton.id = "prev-button";
// ボタン配置エリア
var ButtonArea = document.createElement('div');
ButtonArea.style.textAlign = "center";
ButtonArea.innerHTML = "
";
ButtonArea.appendChild(NextButton);
ButtonArea.innerHTML = ButtonArea.innerHTML + " ";
ButtonArea.appendChild(PrevButton);
ButtonArea.innerHTML = ButtonArea.innerHTML + "
";
// ボタンを配置
element.appendChild(ButtonArea);
// 進むボタンをクリック
document.getElementById("next-button").onclick = function(){
paged_element.setNextPage();
element.appendChild(ButtonArea);
};
// 戻るボタンをクリック
document.getElementById("prev-button").onclick = function(){
paged_element.setPrevPage();
element.appendChild(ButtonArea);
};