[Let] たてがき！進化版

Amasak — 2017-08-05T03:34:59Z

/*
 * @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 = "<br>";
ButtonArea.appendChild(NextButton);
ButtonArea.innerHTML = ButtonArea.innerHTML + " ";
ButtonArea.appendChild(PrevButton);
ButtonArea.innerHTML = ButtonArea.innerHTML + "<br><br>";

// ボタンを配置
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);
};

[Let] たてがき！

Amasak — 2012-01-26T02:54:03Z

たてがき！

/*
 * @title たてがき！
 * @description 「小説家になろう」をiPhoneで縦書きにして読む
 * @include http://*
 * @license MIT License
 * @require http://nehan.googlecode.com/hg/nehan2-min.js
 * @require http://nehan.googlecode.com/hg/nehan2.css
 */

//本文(divタグ)を取得
var targetNode=document.getElementById("novel_view");

//涅槃レイアウトマッピング準備(preタグ準備1)
var newNode=document.createElement('pre');
newNode.className='class="lp-vertical lp-width-320 lp-height-416 lp-font-size-16';

//本文を代入(preタグ準備2)
newNode.innerHTML=targetNode.innerHTML;

//置換(divタグ→preタグ)
targetNode.parentNode.replaceChild(newNode,targetNode);

//涅槃レイアウトマッパー
Nehan.LayoutMapper.start();

Bookmarklets from Amasak

[Let] たてがき！進化版

[Let] たてがき！