たてがき！進化版

by Amasak 2017-08-05 [2017/08/05 12:34:59]

「小説家になろう」をiPhoneで縦書きにして読む。GoogleCode閉鎖したので別の場所から。

• /*
   * @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);
  };

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。