API tools faq
paste
Guest User

Untitled

a guest
May 10th, 2016
46
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 109.10 KB | None | 0 0
raw download clone embed print report
  1. <html><head>
  2. <meta http-equiv="content-type" content="text/html" charset="UTF-8">
  3. <meta http-equiv="content-language" content="ja">
  4. <meta name="application-name" content="ブラウザ“楽読み”">
  5. <meta name="keywords" content="">
  6. <meta name="description" content="">
  7.  
  8. <title>現代魔女の就職事情(1)</title>
  9. <noscript>
  10. <meta http-equiv="refresh" content="0; URL=../html/error_javascript.html">
  11. </noscript>
  12.  
  13. <link rel="stylesheet" href="css/jquery/jquery-ui.css">
  14. <!-- リフローエンジン対応で追加したもの ここから -->
  15. <link href="./js/jquery/jquery-ui/themes/base/minified/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
  16. <link href="./js/jquery/jquery-ui/themes/base/minified/jquery.ui.dialog.min.css" rel="stylesheet" type="text/css">
  17. <link href="./js/jquery/jquery-ui/themes/base/minified/jquery.ui.slider.min.css" rel="stylesheet" type="text/css">
  18. <link href="./js/jquery/jquery-ui/themes/base/minified/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
  19. <!-- リフローエンジン対応で追加したもの ここまで -->
  20.  
  21. <link rel="stylesheet" href="css/pc/magnifier.css">
  22.  
  23. <script src="//www.google-analytics.com/analytics.js" async=""></script><script type="text/javascript" src="../common/js/br_ems-4f.js"></script>
  24. <script id="ems_code"></script>
  25.  
  26.  
  27. <script type="text/javascript" src="./js/viewer_util-4f-min.js"></script>
  28.  
  29. <!-- Grunt の uglify で難読化、圧縮、マージするスクリプトはここから -->
  30. <!--
  31. NOTE : 開発中は難読化、圧縮、マージされたスクリプトだと不便なので、基本的にはコメント化しておき、
  32. テストフェーズ時は、難読化、圧縮、マージされたスクリプトで確認を行うようにする
  33. -->
  34. <!-- viewer_common.jsにまとめられるもの ここから -->
  35.  
  36. <script src="../common/js/viewer_common-4f-min.js"></script>
  37. <!-- viewer_common.jsにまとめられるもの ここまで -->
  38.  
  39. <!-- viewer_top.jsにまとめられるもの ここから -->
  40. <!-- 拡大鏡 -->
  41.  
  42. <script src="./js/viewer_top-4f-min.js"></script>
  43. <!-- viewer_top.jsにまとめられるもの ここまで -->
  44.  
  45. <!-- Grunt の uglify で難読化、圧縮、マージするスクリプトはここまで -->
  46.  
  47. <!-- Grunt で難読化、圧縮、マージしたスクリプトの読み込みはここから -->
  48. <!--<script src="../common/js/viewer_common-min.js"></script>-->
  49. <!--<script src="./js/viewer_top-min.js"></script>-->
  50. <!-- Grunt で難読化、圧縮、マージしたスクリプトの読み込みはここまで -->
  51.  
  52. <!--[if lte IE 9]>
  53. <script src="../common/js/library/base64.js"></script>
  54. <script src="js/json_parse.js"></script>
  55. <script src="js/setBase64ForLTE_IE9.js"></script>
  56. <script>
  57. if (!window.btoa) window.btoa = base64.encode;
  58. if (!window.atob) window.atob = base64.decode;
  59. </script>
  60. <![endif]-->
  61.  
  62. <!--[if IE]>
  63. <link rel="stylesheet" type="text/css" href="./css/pc/ie.css">
  64. <![endif]-->
  65.  
  66. <noscript>
  67. <meta http-equiv="refresh" content="0; URL=../html/error_javascript.html">
  68. </noscript>
  69.  
  70. <!-- テンプレート html の読み込みはここから -->
  71. <link href="../common/resource/ico/favicon_eBookJapan.ico" rel="shortcut icon"><meta name="viewport" content="width=device-width,user-scalable=no, maximum-scale=1.0, minimum-scale=1.0, shrink-to-fit=no"><meta http-equiv="X-UA-Compatible" content="IE=Edge"><link href="css/pc-4f.css" type="text/css" rel="stylesheet"><script src="js/viewer_engine-4f-min.js"></script><style type="text/css">#container { display: none; } #splash { display: block; }</style></head><body class="landscape"><div id="linkTemplateSplash"><!--
  72. バインドするデータは、BR_loading にあります。
  73. -->
  74. <div style="display: none;" id="splash">
  75. <div id="splashContent">
  76. <div id="splashContent_inner">
  77. <h1 data-bind="text: $data.const_splash_title">eBookJapan ブラウザ“楽読み” β版</h1>
  78. <h2><span class="version" data-bind="text: $data.splash_browser_reader_version">1.2.0.3</span></h2>
  79. <p class="nowloading"></p>
  80. <p class="status"><span id="status_text" data-bind="text: $data.const_splash_message">セットアップ中</span></p>
  81. <p class="copyright" data-bind="html: $data.copyrightString">Copyright&nbsp;©&nbsp;eBOOK Initiative Japan Co.,Ltd.</p>
  82. </div>
  83. </div>
  84. <div class="splashOverlay"></div>
  85. </div></div>
  86. <div id="linkTemplateModeWin"></div>
  87. <div id="linkTemplateMoveWin"></div>
  88. <div id="linkTemplateConfigWin"></div>
  89. <div style="display: none;" id="linkTemplateConfirmDialog"></div>
  90. <div id="linkTemplateModalWindow"></div>
  91. <div id="linkTemplateErrorDialog"></div>
  92. <div id="linkTemplateFooterDialog"></div>
  93. <div id="linkTemplatePageSetting"></div>
  94. <div id="linkTemplateMarkerWindow"></div>
  95. <!-- テンプレート html の読み込みはここまで -->
  96.  
  97. <!-- とりあえず 初期化-->
  98. <script>
  99.  
  100. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  101. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  102. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  103. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  104.  
  105. ga('create', 'UA-8485362-1', 'auto');
  106. ga('require', 'linker');
  107. ga('send', 'pageview');
  108. ga('linker:autoLink', ["www.ebookjapan.jp","br.ebookjapan.jp"]);
  109.  
  110.  
  111. (function ($) {
  112. var curverkey = BR_ROOT.BR_global.storageName_baseKey+'.viewer.version';
  113. if(BR_ROOT.BR_Config.version !==localStorage.getItem(curverkey)){
  114. localStorage.setItem(curverkey, BR_ROOT.BR_Config.version);
  115. location.reload(true);
  116. return;
  117. }
  118.  
  119. // メタタグの読み込み
  120. function loadMeta() {
  121. if (BR_ROOT.BR_global.currentPlatform === BR_ROOT.BR_global.platformType.PC) {
  122. // TODO : useWebView の対応
  123. BR_ROOT.BR_global.useWebView = false;
  124. if (BR_ROOT.BR_global.useWebView) {
  125. //$('head').append('<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1, maximum-scale=1, minimum-scale=1">');
  126.  
  127. } else {
  128. $('head').append('<meta name="viewport" content="width=device-width,user-scalable=no, maximum-scale=1.0, minimum-scale=1.0, shrink-to-fit=no">');
  129. $('head').append('<meta http-equiv="X-UA-Compatible" content="IE=Edge">');
  130. }
  131. } else if (BR_ROOT.BR_global.currentPlatform === BR_ROOT.BR_global.platformType.SmartPhone
  132. || BR_ROOT.BR_global.currentPlatform === BR_ROOT.BR_global.platformType.Tablet) {
  133. $('head').append('<meta name="viewport" content="width=device-width,user-scalable=no, maximum-scale=1.0, minimum-scale=1.0, shrink-to-fit=no">');
  134. }
  135. }
  136.  
  137. // スタイルを読み込む関数
  138. function loadStyle() {
  139.  
  140. var $loadStyleDeferredResult = $.Deferred();
  141. var $deferredAllOperation = $.Deferred().resolve();
  142. $deferredAllOperation.then(function(){
  143. if (BR_ROOT.BR_global.currentPlatform === BR_ROOT.BR_global.platformType.PC) {
  144. return (function(){
  145. var $loadStyleDeferredPC = $.Deferred();
  146. // TODO : useWebView の対応
  147. BR_ROOT.BR_global.useWebView = false;
  148. if (BR_ROOT.BR_global.useWebView) {
  149. var $d = $.Deferred().resolve();
  150. $d.then(function(){
  151. return StyleLoader.loadStyle('css/pc-4f.css', null);
  152. }).then(function(){
  153. return StyleLoader.loadStyle('css/webview.css', null);
  154. }).always(function(resultString){
  155. if (resultString === 'success') {
  156. $loadStyleDeferredPC.resolve('success');
  157. } else {
  158. $loadStyleDeferredPC.reject();
  159. }
  160. });
  161. } else {
  162. StyleLoader.loadStyle('css/pc-4f.css', null).always(function(resultString){
  163. if (resultString === 'success') {
  164. $loadStyleDeferredPC.resolve('success');
  165. } else {
  166. $loadStyleDeferredPC.reject();
  167. }
  168. });
  169. }
  170. return $loadStyleDeferredPC.promise();
  171. })();
  172. } else if (BR_ROOT.BR_global.currentPlatform === BR_ROOT.BR_global.platformType.SmartPhone) {
  173. return StyleLoader.loadStyle('css/smartphone-4f.css', null);
  174. } else if (BR_ROOT.BR_global.currentPlatform === BR_ROOT.BR_global.platformType.Tablet) {
  175. return StyleLoader.loadStyle('css/tablet-4f.css', null);
  176. } else {
  177. return $.Deferred().resolve('success');
  178. }
  179. }).always(function(resultString){
  180. if (resultString === 'success') {
  181. $loadStyleDeferredResult.resolve();
  182. } else {
  183. $loadStyleDeferredResult.reject();
  184. //alert('スタイルローダーで失敗');
  185. (function () {
  186. var summary = viewModelUtility.getGlobalizedString('UIAlertView/common_error/system_error/summary/title');
  187. var description = viewModelUtility.getGlobalizedString('UIAlertView/common_error/system_error/description_style_load/title');
  188. alert(summary + '\n' + description);
  189. })();
  190. }
  191. });
  192.  
  193. return $loadStyleDeferredResult;
  194. }
  195.  
  196. // スクリプトを読み込む関数
  197. function loadScript() {
  198.  
  199. var $loadScriptDeferredResult = $.Deferred();
  200. var $deferredAllOperation = $.Deferred().resolve();
  201. $deferredAllOperation.then(function () {
  202. // NOTE : Grunt で圧縮する前のソースを使う場合は、コメント化部分を入れ替える
  203. /*
  204. NOTE : 開発中は難読化、圧縮、マージされたスクリプトだと不便なので、基本的にはコメント化しておき、
  205. テストフェーズ時は、難読化、圧縮、マージされたスクリプトで確認を行うようにする
  206. */
  207. var srcArray = ["js/viewer_engine-4f-min.js"];
  208.  
  209. //【コミット注意】ローカルホストで確認する場合は以下をコメント化する必要がある
  210. if (BR_ROOT.BR_global.BR_ViewerGlobal.isReflow) {
  211. /* viewer_reflow-min.jsにまとめられているものをここでロード */
  212. // ↓リフローエンジンで使用する jQuery 系の js↓
  213. srcArray.push('js/jquery/jquery.xdomainrequest.min.js');
  214. // srcArray.push('js/jquery/jquery-ui/ui/minified/jquery.ui.core.min.js');
  215. // srcArray.push('js/jquery/jquery-ui/ui/minified/jquery.ui.position.min.js');
  216. // srcArray.push('js/jquery/jquery-ui/ui/minified/jquery.ui.widget.min.js');
  217. // srcArray.push('js/jquery/jquery-ui/ui/minified/jquery.ui.mouse.min.js');
  218. // srcArray.push('js/jquery/jquery-ui/ui/minified/jquery.ui.draggable.min.js');
  219. // srcArray.push('js/jquery/jquery-ui/ui/minified/jquery.ui.resizable.min.js');
  220. // srcArray.push('js/jquery/jquery-ui/ui/minified/jquery.ui.button.min.js');
  221. srcArray.push('js/jquery/jquery-ui/ui/minified/jquery.ui.dialog.min.js');
  222. // srcArray.push('js/jquery/jquery-ui/ui/minified/jquery.ui.slider.min.js');
  223. srcArray.push('js/jquery/cookie/jquery.cookie.js');
  224.  
  225. srcArray.push("./reflow/js/set_viewport.js".replace(/\.js$/, '-4f.js'));
  226. srcArray.push("./reflow/js/inflate.min.js".replace(/\.js$/, '-4f.js'));
  227. srcArray.push("./reflow/js/html-sanitizer-minified.js".replace(/\.js$/, '-4f.js'));
  228. srcArray.push("./reflow/js/browserviewer.js".replace(/\.js$/, '-4f.js'));
  229. srcArray.push("./reflow/js/customize.js".replace(/\.js$/, '-4f.js'));
  230. srcArray.push("./reflow/js/reflow.js".replace(/\.js$/, '-4f.js'));
  231. }
  232.  
  233. if (BR_ROOT.BR_global.currentPlatform === BR_ROOT.BR_global.platformType.SmartPhone
  234. || BR_ROOT.BR_global.currentPlatform === BR_ROOT.BR_global.platformType.Tablet) {
  235. srcArray.push('js/iscroll.js');
  236. }
  237.  
  238. return ScriptLoader.loadScripts(srcArray);
  239. }).then(function () {
  240. $loadScriptDeferredResult.resolve();
  241. },function(){
  242. $loadScriptDeferredResult.reject();
  243. //alert('スクリプトローダーで失敗');
  244. (function () {
  245. var summary = viewModelUtility.getGlobalizedString('UIAlertView/common_error/system_error/summary/title');
  246. var description = viewModelUtility.getGlobalizedString('UIAlertView/common_error/system_error/description_script_load/title');
  247. alert(summary + '\n' + description);
  248. })();
  249. });
  250.  
  251. return $loadScriptDeferredResult.promise();
  252.  
  253. }
  254.  
  255. BR_ROOT.BR_global.currentShopID = BR_ROOT.BR_global.getParameter('shopID');
  256. if(BR_ROOT.BR_global.currentShopID==="30283"){
  257. BR_ROOT.BR_global.currentShopID = "eBookJapan";
  258. $(document).ready(function(){$("#banner").attr("done", true);});
  259. }
  260.  
  261. if (!BR_ROOT.BR_global.currentShopID) {
  262. BR_ROOT.BR_global.currentShopID = $.cookie("shopID");
  263. }
  264.  
  265. BR_ROOT.BR_global.currentShopID = BR_ROOT.BR_global.currentShopID == undefined ? BR_ROOT.shopID.Default : BR_ROOT.BR_global.currentShopID;
  266. BR_ROOT.BR_global.currentLocaleID = BR_ROOT.BR_global.getParameter('localeID');
  267. BR_ROOT.BR_global.currentLocaleID = BR_ROOT.BR_global.currentLocaleID == undefined ? BR_ROOT.BR_Config.defaultLocale : BR_ROOT.BR_global.currentLocaleID;
  268.  
  269. var isHontsuku = BR_ROOT.BR_global.getParameter('photobook_flg');
  270. var isWatanni = BR_ROOT.BR_global.getParameter('watanni_flg');
  271. var isReflow = BR_ROOT.BR_global.getParameter('reflow_flg');
  272. var isEbipre = BR_ROOT.BR_global.getParameter('ebipre_flg');
  273.  
  274. // ほんつく書籍の場合はフラグを ON にする
  275. // 話単位配信書籍の場合はフラグを ON にする
  276. BR_ROOT.BR_global.BR_ViewerGlobal.isHontsuku = (isHontsuku == "1");
  277. BR_ROOT.BR_global.BR_ViewerGlobal.isWatanni = (isWatanni == "1");
  278. BR_ROOT.BR_global.BR_ViewerGlobal.isReflow = (isReflow == "1");
  279. BR_ROOT.BR_global.BR_ViewerGlobal.isEbipre = (isEbipre == "1");
  280.  
  281. // デバッグ用
  282. // BR_ROOT.BR_global.BR_ViewerGlobal.isHontsuku = false;
  283. // BR_ROOT.BR_global.BR_ViewerGlobal.isWatanni = false;
  284. // BR_ROOT.BR_global.BR_ViewerGlobal.isReflow = false;
  285. // BR_ROOT.BR_global.BR_ViewerGlobal.isEbipre = true;
  286.  
  287. BR_ROOT.BR_global.BR_ViewerGlobal.currentBookType = (function () {
  288. var vg = BR_ROOT.BR_global.BR_ViewerGlobal;
  289. var result = vg.bookType.unknown;
  290.  
  291. if (vg.isHontsuku) {
  292. result = vg.bookType.hontsuku;
  293. } else if (vg.isWatanni) {
  294. result = vg.bookType.watanni;
  295. } else if (vg.isReflow) {
  296. result = vg.bookType.reflow;
  297. } else if (vg.isEbipre) {
  298. result = vg.bookType.ebipre;
  299. } else {
  300. result = vg.bookType.normal;
  301. }
  302.  
  303. // デバッグ用
  304. //result = vg.currentBookType = vg.bookType.debug;
  305.  
  306. return result;
  307. })();
  308.  
  309. //【コミット注意】ローカルホストでUIを確認するためのコード(リリース時はコメント化か削除)
  310. // BR_ROOT.BR_global.BR_ViewerGlobal.isHontsuku = false;
  311. // BR_ROOT.BR_global.BR_ViewerGlobal.isWatanni = false;
  312. // BR_ROOT.BR_global.BR_ViewerGlobal.isReflow = false;
  313. // BR_ROOT.BR_global.BR_ViewerGlobal.isHontsukuUIDebug = (isHontsuku == "1");
  314. // BR_ROOT.BR_global.BR_ViewerGlobal.isWatanniUIDebug = (isWatanni == "1");
  315. // BR_ROOT.BR_global.BR_ViewerGlobal.isReflowUIDebug = (isReflow == "1");
  316. // BR_ROOT.BR_global.BR_ViewerGlobal.isEbipreUIDebug = (isEbipre == "1");
  317.  
  318. // 言語リソースの読み込み
  319. var cldr_path = "../common/resource/cldr_data/";
  320. var local_path = cldr_path + "main/" + BR_ROOT.BR_global.currentLocaleID + "/";
  321. var resourceFileName = "../common/resource/languageResource_common_" + BR_ROOT.BR_global.currentLocaleID + ".json";
  322. var shopResourceFile = "../common/resource/languageResource_" + BR_ROOT.BR_global.currentShopID + "_" + BR_ROOT.BR_global.currentLocaleID + ".json";
  323.  
  324. // ファビコン取得メソッド
  325. function getFaviconAsync() {
  326.  
  327. var deferred = $.Deferred();
  328. var faviconFilePath = '';
  329. if(["eBookJapan", "mincomi"].indexOf(BR_ROOT.BR_global.currentShopID)<0){
  330. faviconFilePath = '../common/resource/ico/favicon.ico';
  331. } else {
  332. var currentShopId = BR_ROOT.BR_global.currentShopID;
  333. var faviconFileBasePath = '../common/resource/ico/favicon_%s.ico';
  334. faviconFilePath = sprintf(faviconFileBasePath, currentShopId);
  335. }
  336. var favicon = $('<link rel="shortcut icon">');
  337. favicon.attr('href', faviconFilePath);
  338. $('head').append(favicon);
  339. deferred.resolve();
  340.  
  341. // var dummyImage = new Image();
  342. // dummyImage.src = faviconFilePath;
  343. // dummyImage.onload = function() {
  344. // didFinishImageLoading(false);
  345. // };
  346. // dummyImage.onerror = function() {
  347. // didFinishImageLoading(true);
  348. // };
  349. //
  350. // // ファビコンを image として読み込む処理が完了したときに呼び出される処理(読み込みの成功／失敗は関係ない)
  351. // var didFinishImageLoading = function (fail) {
  352. //
  353. // if (fail) {
  354. // //console.log('ファビコン画像のロードに失敗しました。(画像化 : NG) faviconFilePath : ' + faviconFilePath);
  355. // // 失敗だが後続の処理を続けるために成功扱いとする
  356. // deferred.resolve();
  357. // } else {
  358. // //console.log('ファビコン画像のロードに成功しました。(画像化 : OK) faviconFilePath : ' + faviconFilePath);
  359. // $.ajax({
  360. // type: 'GET',
  361. // url: faviconFilePath
  362. // }).done(function () {
  363. // //console.log('favicon の取得に成功しました。faviconFilePath: ' + faviconFilePath);
  364. // var favicon = $('<link rel="shortcut icon">');
  365. // favicon.attr('href', faviconFilePath);
  366. // $('head').append(favicon);
  367. // }).fail(function () {
  368. // //console.log('favicon の取得に失敗しました。faviconFilePath: ' + faviconFilePath);
  369. // }).always(function () {
  370. // // ファビコンの取得に成功しても失敗しても、処理としては成功とする(後続の処理を続けるため)
  371. // deferred.resolve();
  372. // });
  373. // }
  374. // };
  375.  
  376. return deferred.promise();
  377. }
  378.  
  379. function getResourceAsync() {
  380.  
  381. return $.when(
  382. $.get(local_path + "ca-japanese.json"),
  383. $.get(cldr_path + "supplemental/likelySubtags.json"),
  384. $.get(cldr_path + "supplemental/timeData.json"),
  385. $.get(cldr_path + "supplemental/weekData.json")
  386. );
  387.  
  388. }
  389.  
  390. function getLanguageResourceAsync(resourceFileName) {
  391.  
  392. return $.ajax({
  393. type: 'GET',
  394. url: resourceFileName,
  395. dataType: 'json'
  396. });
  397.  
  398. }
  399.  
  400. function getShopLanguageResourceAsync(shopResourceFile) {
  401.  
  402. return $.ajax({
  403. type: 'GET',
  404. url: shopResourceFile,
  405. dataType: 'json'
  406. });
  407.  
  408. }
  409.  
  410. function headerDataBind() {
  411. (function ($) {
  412. // ヘッダーへのバインド
  413. // TODO: 例外的なものなので、あとでどうするかを検討する
  414. var viewModel = {
  415. utility : viewModelUtility
  416. };
  417. var $targetElement = $('#header_bookname');
  418. var targetElement = $targetElement.get(0);
  419. ko.cleanNode(targetElement);
  420. ko.applyBindings(viewModel, targetElement);
  421. })(jQuery);
  422. }
  423.  
  424. // 実際のデータ取得はここから
  425. // getResourceAsync().then(function () {
  426. //
  427. // // Normalize $.get results, we only need the JSON, not the request statuses.
  428. // return [].slice.apply(arguments, [0]).map(function (result) {
  429. // return result[0];
  430. // });
  431. //
  432. // }).then(Globalize.load).then(function () {
  433. getFaviconAsync().then(function(){
  434. return getResourceAsync().then(function () {
  435.  
  436. // Normalize $.get results, we only need the JSON, not the request statuses.
  437. return [].slice.apply(arguments, [0]).map(function (result) {
  438. return result[0];
  439. });
  440. })
  441. }).then(Globalize.load).then(function () {
  442.  
  443. return getLanguageResourceAsync(resourceFileName);
  444.  
  445. }).then(function (data) {
  446.  
  447. Globalize.loadMessages(data);
  448. var resource = Globalize(BR_ROOT.BR_global.currentLocaleID);
  449. BR_ROOT.BR_global.languageResource = resource;
  450.  
  451. // shopID毎の上書きリソースを読み込む
  452. return getShopLanguageResourceAsync(shopResourceFile).then(
  453. function (data) {
  454. return $.Deferred().resolve(data);
  455. },
  456. function (data) {
  457. return $.Deferred().resolve(undefined);
  458. });
  459.  
  460. }).then(function (data) {
  461.  
  462. if (data != undefined) {
  463. Globalize.loadMessages(data);
  464. BR_ROOT.BR_global.initialize();
  465.  
  466. // 右クリックメニューのリソースを設定する
  467. var $viewerMarkerContextMenuList = $('#viewerMarkerContextMenuList');
  468. var $markerListContextMenuList = $('#markerListContextMenuList');
  469. $viewerMarkerContextMenuList.children('#remove').text(viewModelUtility.getGlobalizedString('markerMenu/remove/title'));
  470. $markerListContextMenuList.children('#move').text(viewModelUtility.getGlobalizedString('markerMenu/move/title'));
  471. $markerListContextMenuList.children('#delete').text(viewModelUtility.getGlobalizedString('markerMenu/delete/title'));
  472. }
  473.  
  474. //alert('パラメーターから取得したShopIDは\n\n' + BR_ROOT.BR_global.currentShopID + '\n\nです。');
  475. //alert('パラメーターから取得したLocaleIDは\n\n' + BR_ROOT.BR_global.currentLocaleID + '\n\nです。');
  476.  
  477. // 現在のプラットフォームを設定する
  478. var platformType = BR_ROOT.BR_global.getParameter('platformType');
  479. //alert('パラメーターから取得したプラットフォームタイプは\n\n' + platformType + '\n\nです。');
  480. if (platformType != undefined) {
  481. BR_ROOT.BR_global.setCurrentPlatform(platformType);
  482. } else {
  483. //ブラウザ別設定
  484. var B = new BR_ROOT.BR_global.checkBrowserType();
  485. if (B.iPhone || B.iPod || B.Android) {
  486. BR_ROOT.BR_global.currentPlatform = BR_ROOT.BR_global.platformType.SmartPhone;
  487. } else if (B.iPad) {
  488. BR_ROOT.BR_global.currentPlatform = BR_ROOT.BR_global.platformType.Tablet;
  489. } else {
  490. BR_ROOT.BR_global.currentPlatform = BR_ROOT.BR_global.platformType.PC;
  491. }
  492. }
  493.  
  494. function showSplash() {
  495.  
  496. //ブラウザチェック
  497. /*
  498. if (!decision.browser()) {
  499. BR_error.unsupportedBrowser();
  500. };
  501. */
  502.  
  503. BR_loading.setSplash()
  504. .then(function () {
  505.  
  506. BR_condition.init();
  507. BR_initialize.dataLoad();
  508. }, function () {
  509. // 失敗した場合
  510. // TODO: エラー時はどうするか？
  511. // alert('BR_loading.setSplash でエラーが発生しました。');
  512. (function () {
  513. var summary = viewModelUtility.getGlobalizedString('UIAlertView/common_error/system_error/summary/title');
  514. var description = viewModelUtility.getGlobalizedString('UIAlertView/common_error/system_error/description/title');
  515. alert(summary + '\n' + description);
  516. })();
  517. });
  518. }
  519.  
  520. (function ($) {
  521. $(function () {
  522. //設定初期化
  523. function init_(){
  524. $("#ems_code").load("../common/js/draw.js", function(){
  525. $("#ems_code").empty();
  526. // メタタグの読み込み
  527. loadMeta();
  528.  
  529. // スタイルの読み込み
  530. loadStyle();
  531.  
  532. // スクリプトの読み込み
  533. loadScript().then(function(){
  534.  
  535. var sessionid = BR_initialize.getUrlVars()['sessionid'];
  536. var keydata = BR_initialize.getUrlVars()['keydata'];
  537. var id = BR_initialize.getUrlVars()['id'];
  538.  
  539.  
  540. if ( (sessionid && keydata ) ||
  541. (sessionid && isReflow) ) {
  542. BR_ROOT.BR_global.BR_ViewerGlobal.BR_drmFileMode = false;
  543. } else if (id) {
  544. BR_ROOT.BR_global.BR_ViewerGlobal.BR_drmFileMode = true;
  545. } else {
  546. //alert('idパラメータが指定されていません。');
  547. (function () {
  548. var summary = viewModelUtility.getGlobalizedString('UIAlertView/common_error/system_error/summary/title');
  549. var description = viewModelUtility.getGlobalizedString('UIAlertView/common_error/system_error/description_wrong_parameter/title');
  550. alert(summary + '\n' + description);
  551. })();
  552. }
  553.  
  554. //【コミット注意】ローカルホストで確認する場合は以下をコメント化する必要がある
  555. BR_ROOT.BR_global.BR_ViewerGlobal.getWatanniEpisodeInfo().then(
  556. function() {
  557. // 拡大鏡の初期化
  558. BR_magnifier = new BR_magnifier();
  559.  
  560. // ヘッダーのバインド
  561. headerDataBind();
  562.  
  563. // NOTE : 書籍の読み進める方向の情報が必要になったので、タイミングを load に移動させました。
  564. // フッターのバインド
  565. //footerDataBind();
  566.  
  567. // スプラッシュ表示とデータの読み込み
  568. if (BR_ROOT.BR_global.currentPlatform === BR_ROOT.BR_global.platformType.PC
  569. || BR_ROOT.BR_global.currentPlatform === BR_ROOT.BR_global.platformType.Tablet) {
  570.  
  571. showSplash();
  572.  
  573. BR_magnifier.initialize($('#viewArea'), $('#mask'));
  574.  
  575. } else if (BR_ROOT.BR_global.currentPlatform === BR_ROOT.BR_global.platformType.SmartPhone) {
  576.  
  577. setTimeout(function(){
  578. BR_ROOT.BR_global.BR_ViewerGlobal.BR_winW = window.innerWidth;
  579. BR_ROOT.BR_global.BR_ViewerGlobal.BR_winH = window.innerHeight;
  580.  
  581. $('body').height(BR_ROOT.BR_global.BR_ViewerGlobal.BR_winH + 100);
  582. window.scrollTo(0, 1);
  583. showSplash();
  584. }, 500);
  585.  
  586. } else {
  587. // TODO : 例外的な場合はどうするか
  588. alert('currentPlatform が不明です。');
  589. }
  590. }
  591. );
  592. });
  593. });
  594. }
  595. //JSONファイル読み込み
  596. if(!Module.decrypt){
  597. Module.addOnPostRun(init_);
  598. } else {
  599. init_();
  600. }
  601.  
  602. });
  603. })(jQuery);
  604. });
  605. })(jQuery);
  606. </script>
  607.  
  608.  
  609. <div id="divDynamicScriptLoader"></div>
  610. <div style="display: block;" id="container">
  611. <!-- ko if: $root.ecAPIUse !== true --><!-- /ko -->
  612. <!-- ko ifnot: $root.ecAPIUse !== true -->
  613. <div id="sideBar">
  614. <div id="sideBar_header">
  615. <div class="btn_right">
  616.  
  617. <span id="sideBar_storeBtn" class="btnNoBorder inline" style="margin-right:6px;" data-bind="text: $root.utility.getGlobalizedString('sidebar/buttonStore/title')">ストア</span>
  618. <span id="sideBar_bookshelfBtn" class="btnNoBorder inline" style="margin-right:6px;" data-bind="text: $root.utility.getGlobalizedString('sidebar/buttonBookShelf/title')">本棚</span>
  619.  
  620. <!-- ko if: $root.showLogoutButton -->
  621. <span id="sideBar_logoutBtn" class="btnNoBorder inline" style="margin-right:6px;" data-bind="text: $root.utility.getGlobalizedString('sidebar/buttonLogout/title')">ログアウト</span>
  622. <!-- /ko -->
  623.  
  624. <span id="sideBar_endBtn" class="btnNoBorder inline" data-bind="text: $root.utility.getGlobalizedString('sidebar/buttonTerminate/title')">終了</span>
  625. </div>
  626. </div>
  627. <div id="sideBar_inner">
  628. <div id="sideBar_scrollArea">
  629. <div class="h4_box">
  630. <h4 data-bind="text: $root.utility.getGlobalizedString('sidebar/currentReadingBook/title')">読書中書籍</h4>
  631. </div>
  632. <div id="sideBar_bookInfo">
  633. <div class="bookThumb">
  634. <p>
  635. <img alt="現代魔女の就職事情(1)" src="https://haishin.ebookjapan.jp/contents/images-m/I0100008746561.jpg" data-bind="attr : { src : $root.thumbURLHTTPS, alt : $root.titleBookName }">
  636. </p>
  637. </div>
  638. <div class="bookProperty">
  639.  
  640. <!-- ko if: $root.titleBookBrowserSpecialFlag !== true -->
  641. <span class="name" data-bind="text: $root.BR_book.title">現代魔女の就職事情(1)</span>
  642. <!-- /ko -->
  643. <!-- ko ifnot: $root.titleBookBrowserSpecialFlag !== true --><!-- /ko -->
  644.  
  645. <!-- ko if: $root.titleBookBrowserSpecialFlag !== true && $root.tachiyomiBook === true --><!-- /ko -->
  646.  
  647. </div>
  648. <div class="btns">
  649. <!-- ko if: $root.titleBookBrowserSpecialFlag !== true && $root.tachiyomiBook === true --><!-- /ko -->
  650.  
  651. <a href="http://www.ebookjapan.jp/ebj/title/338766.html" class="btn btnSidebarInfo" style="margin-bottom:10px;" data-bind="attr : { href: $root.getProductURL($root.titleBookSKU, $root.titleBookBookID) }, text: $root.utility.getGlobalizedString('sidebar/productPage/title')">作品ページ</a>
  652. <span id="sideBar_infoBtn" class="btn btnSidebarInfo" data-bind="text: $root.utility.getGlobalizedString('sidebar/bookDetail/title')">詳細</span>
  653. </div>
  654. </div>
  655.  
  656. <div class="h4_box">
  657. <h4 data-bind="text: $root.utility.getGlobalizedString('sidebar/series/title')">シリーズ</h4>
  658. </div>
  659. <ul class="sideBar_list">
  660. <!-- ko foreach: {data: $root.EC_titleBook, as : 'titleBook' } -->
  661. <!-- ko if: titleBook.titleBookBrowserSpecialFlag === true --><!-- /ko -->
  662.  
  663. <!-- ko ifnot: titleBook.titleBookBrowserSpecialFlag === true -->
  664. <!-- ko if: titleBook.titleBookBought === true -->
  665. <!-- ko if: titleBook.titleBookBookID === $root.BR_book.id -->
  666. <li>
  667. <span class="seriesBook current">
  668. <span class="seriesBookName">
  669. <span class="spanAdded" data-bind="text: titleBook.titleBookName">現代魔女の就職事情(1)</span>
  670. <br>
  671. <span class="seriesBookPrice" data-bind="text: $root.utility.getGlobalizedString('sidebar/buttonPurchase_purchased/title')">購入済</span>
  672. </span>
  673. <span class="seriesBookBtns">
  674. <a href="https://br.ebookjapan.jp/br/reader/bookshelf/index.html?ebdl=02b0010616020521105452150c5e0a581d1e12144d575d3e505c425b0f0d575c4b5b575e5f0f0d000f7f612f4874262b1f0756520a000157041e051853445948010a08485517&amp;shopID=eBookJapan" class="btn bookread inline" data-bind="attr : { href : $root.getTrunkDLURL(titleBook) }, text: $root.utility.getGlobalizedString('sidebar/buttonStandAndRead_purchased/title')">読書</a>
  675. </span>
  676. </span>
  677. </li>
  678. <!-- /ko -->
  679. <!-- ko ifnot: titleBook.titleBookBookID === $root.BR_book.id --><!-- /ko -->
  680.  
  681. <!-- /ko -->
  682. <!-- ko ifnot: titleBook.titleBookBought === true --><!-- /ko -->
  683. <!-- /ko -->
  684. <!-- /ko -->
  685.  
  686. </ul>
  687. <!-- ko if: ($data.headOffice) -->
  688. <div class="h4_box">
  689. <h4 data-bind="text: $root.utility.getGlobalizedString('sidebar/relationalProduct/title')">関連する他の作品</h4>
  690. </div>
  691. <ul class="sideBar_list">
  692. <!-- ko if: $root.authorName1 !== '' -->
  693. <li>
  694. <a href="http://www.ebookjapan.jp/ebj/author.asp?authorid=81830&amp;" class="listlink1" data-bind="attr : { href : $root.getAuthorURL($root.EC_titleInfo.authorID1) }">
  695. <span class="link" data-bind="text: $root.getFormattedAuthorName($root.EC_titleInfo.authorName1)">「はま」の作品一覧</span>
  696. </a>
  697. </li>
  698. <!-- /ko -->
  699. <!-- ko if: $root.authorName2 !== '' -->
  700. <li>
  701. <a href="http://www.ebookjapan.jp/ebj/author.asp?authorid=26209&amp;" class="listlink1" data-bind="attr : { href : $root.getAuthorURL($root.EC_titleInfo.authorID2) }">
  702. <span class="link" data-bind="text: $root.getFormattedAuthorName($root.EC_titleInfo.authorName2)">「相沢沙呼」の作品一覧</span>
  703. </a>
  704. </li>
  705. <!-- /ko -->
  706.  
  707. <li>
  708. <a href="http://www.ebookjapan.jp/ebj/publisher.asp?publisherid=400400&amp;" class="listlink1" data-bind="attr : { href : $root.getPublisherURL($root.EC_titleInfo.publisherID) }">
  709. <span class="link" data-bind="text: $root.getFormattedPublisherName($root.EC_titleInfo.publisherName)">「KADOKAWA / アスキー・メディアワークス」の作品一覧</span>
  710. </a>
  711. </li>
  712.  
  713. <!-- ko if: $root.localeID != "zh" -->
  714. <!-- ko foreach: {data: $root.EC_genre, as : 'genre' } -->
  715. <li>
  716. <a href="http://www.ebookjapan.jp/ebj/tag_genre.asp?genreid=2000&amp;" class="listlink1" data-bind="attr : { href : $root.getGenreURL(genre.genreID) }">
  717. <span class="link" data-bind="text: $root.getFormattedGenreName(genre.genreName)">「少年マンガ」の作品一覧</span>
  718. </a>
  719. </li>
  720.  
  721. <li>
  722. <a href="http://www.ebookjapan.jp/ebj/tag_genre.asp?genreid=3002&amp;" class="listlink1" data-bind="attr : { href : $root.getGenreURL(genre.genreID) }">
  723. <span class="link" data-bind="text: $root.getFormattedGenreName(genre.genreName)">「ファンタジー」の作品一覧</span>
  724. </a>
  725. </li>
  726.  
  727. <li>
  728. <a href="http://www.ebookjapan.jp/ebj/tag_genre.asp?genreid=31357&amp;" class="listlink1" data-bind="attr : { href : $root.getGenreURL(genre.genreID) }">
  729. <span class="link" data-bind="text: $root.getFormattedGenreName(genre.genreName)">「電撃コミックスNEXT」の作品一覧</span>
  730. </a>
  731. </li>
  732. <!-- /ko -->
  733. <!-- /ko -->
  734. </ul>
  735. <!-- /ko -->
  736. </div>
  737. </div>
  738. <div id="sideBar_footer">
  739. <div class="btn_right">
  740. <div title="サイドバー" id="sideBar_closeBtn" class="divFooterToolButton sideBarOpenCloseButton" data-bind="attr: { 'title' : $root.utility.getGlobalizedString('footer/toolButtonNames/siderbarButton/title') }">
  741. <img class="off visible" src="./img/toolbar_rightopen_off@2x.png">
  742. <img class="on" src="./img/toolbar_rightopen_on@2x.png">
  743. <img class="ng" src="./img/toolbar_rightopen_ng@2x.png">
  744. </div>
  745. </div>
  746. </div>
  747. </div>
  748. <!-- /ko -->
  749.  
  750. <div class="leftCursor" style="transition-duration: 0ms; width: 1660px; height: 691px;" id="viewArea">
  751. <header style="transform: translate3d(0px, 0px, 0px); transition: transform 200ms cubic-bezier(0, 0, 0.25, 1) 0s;">
  752. <div id="topnav">
  753. <p id="sitelogo">
  754. <span style="" id="btn_ebookjapan" data-bind="attr: {style : $root.utility.getGlobalizedString('header/sitelogo/style')}"></span>
  755. </p>
  756. <ul id="sitenav_utility" class="clearfix">
  757. <li>
  758. <span id="btn_store" data-bind="text: $root.utility.getGlobalizedString('header/store/title')">ストア</span>
  759. </li>
  760. <!-- ko if: !$root.isHontsuku -->
  761. <li>
  762. <span id="btn_bookshelf" data-bind="text: $root.utility.getGlobalizedString('header/bookShelf/title')">本棚</span>
  763. </li>
  764.  
  765. <!-- ko if: !$root.useWebView && localStorage.getItem(BR_ROOT.BR_global.storageName_baseKey + '.trunk.sessionID')-->
  766. <li>
  767. <span id="btn_logout" data-bind="text: $root.utility.getGlobalizedString('header/logout/title')">ログアウト</span>
  768. </li>
  769. <!-- /ko -->
  770. <!-- /ko -->
  771. <li>
  772. <span id="btn_help" data-bind="text: $root.utility.getGlobalizedString('header/help/title')">ヘルプ</span>
  773. </li>
  774. </ul>
  775. </div>
  776. <div class="divHeader2 forNormal visible">
  777. <!-- ko if: $root.ecAPIUse == false --><!-- /ko -->
  778. <!-- ko ifnot: $root.ecAPIUse == false -->
  779. <div class="btn_left2">
  780. <!-- ko if: !$root.useWebView -->
  781. <!-- ko if: !$root.isHontsuku -->
  782. <span id="header_endBtn" class="btnNoBorder inline" data-bind="text: $root.utility.getGlobalizedString('header/buttonTerminate/title')">終了</span>
  783. <!-- /ko -->
  784. <!-- ko if: $root.isHontsuku --><!-- /ko -->
  785. <!-- /ko -->
  786. <!--<span id="header_historyBtn" class="btn inline">履歴</span>-->
  787. </div>
  788. <div class="btn_right2">
  789.  
  790. <!-- 拡大鏡 -->
  791. <!-- ko if: $root.canShowMagnifierButton -->
  792. <!--<input id="debugText" type="text" value="5" />-->
  793. <!--<input id="buttonChangeMagnifierSize" type="button" value="虫眼鏡サイズ変更" />-->
  794. <!--<input id="header_magnifier" type="button" value="虫眼鏡_off" tool-name="虫眼鏡" switch="off" />-->
  795. <!--<div id="divButtonMagnifier" class="divHeaderToolButton">-->
  796. <!--<img class="header_magnifier header_magnifier_button"-->
  797. <!--data-bind="attr : { src : $root.magnifierButtonImagePathOff }"/>-->
  798. <!--</div>-->
  799. <!-- /ko -->
  800.  
  801. <!-- ko if: $root.canShowSearchBuuton --><!-- /ko -->
  802. <!-- ko if: $root.canShowBookmarkButton -->
  803. <img style="display: none;" src="img/bookmark_off@2x.png" id="header_bookmark" data-bind="attr : { src : $root.bookmarkBarButtonImagePath }">
  804. <!-- /ko -->
  805.  
  806. <!-- ko if: $root.ecAPIUse == true && $root.EC_thisBook.titleBookBrowserSpecialFlag != true && $root.tachiyomiBook == true --><!-- /ko -->
  807.  
  808. <span id="header_infoBtn" class="btnNoBorder inline" data-bind="text: $root.utility.getGlobalizedString('header/buttonDetail/title')">詳細</span>
  809. </div>
  810. <h2 id="header_bookname">
  811. <span class="name" data-bind="text: $root.headerBookTitle">現代魔女の就職事情(1)</span>
  812. <!-- ko if: $root.titleBookBrowserSpecialFlag != true && $root.tachiyomiBook == true --><!-- /ko -->
  813. </h2>
  814. <!-- /ko -->
  815. </div>
  816. <div class="divHeader2 forSearch">
  817. <div class="divTable divTableHeight divHeader4Search">
  818. <div class="divTableRow divHeader4SearchRow">
  819. <div class="divTableCell divSearchBarArea">
  820. <form class="formSearchBar">
  821. <div class="divSearchBar">
  822. <div class="divTable divTableHeight">
  823. <div class="divTableRow">
  824. <div class="divTableCell divSearchTextBoxLeftCell">
  825. <div class="divSearchTextBoxLeftCellContent divTextBoxHeight divTextBoxColor"></div>
  826. </div>
  827. <div class="divTableCell divSearchTextBoxCell">
  828. <div class="divSearchTextBoxHost divTextBoxHeight divTextBoxColor">
  829. <input placeholder="ここに検索用文字列を入力してください。" value="" data-bind="attr:{ placeholder: $root.utility.getGlobalizedString('header/textSearch/title') }" type="text">
  830. </div>
  831. </div>
  832. <div class="divTableCell divClearButtonCell">
  833. <div class="divClearButtonCellContent divTextBoxHeight divTextBoxColor">
  834. <div class="divTable">
  835. <div class="divTableRow">
  836. <div class="divTableCell divClearButtonCell">
  837. <div class="divButtonImageHost divClearButtonHost divClearButtonSize">
  838. <img class="off visible" src="./img/reflow/searchText/search_box_off@2x.png">
  839. <img class="on" src="./img/reflow/searchText/search_box_on@2x.png">
  840. <!--<img class="ng" src="./img/reflow/searchText/search_box_go_ng@2x.png" />-->
  841. </div>
  842. </div>
  843. </div>
  844. </div>
  845. </div>
  846. </div>
  847. <div class="divTableCell divSearchTextBoxRightCell">
  848. <div class="divSearchTextBoxRightCellContent divTextBoxHeight divTextBoxColor"></div>
  849. </div>
  850. <div class="divTableCell divButtonCell divSearchButtonCell visible">
  851. <div class="divButtonImageHost divSearchButtonHost divSearchButtonSize">
  852. <img class="off visible" src="./img/reflow/searchText/search_box_btn_off@2x.png">
  853. <img class="on" src="./img/reflow/searchText/search_box_btn_on@2x.png">
  854. <div class="divSearchButtonText" data-bind="text: $root.utility.getGlobalizedString('header/buttonSearch/title')">検索</div>
  855. </div>
  856. </div>
  857. <div class="divTableCell divButtonCell divSearchResultMoveButtonCell">
  858. <div class="divSearchResultMoveButtonLeft divButtonImageHost divSearchResultMoveButtonHost divSearchResultMoveButtonSize">
  859. <img class="off visible" src="./img/reflow/searchText/search_box_go_off@2x.png">
  860. <img class="on" src="./img/reflow/searchText/search_box_go_on@2x.png">
  861. <!--<img class="ng" src="./img/reflow/searchText/search_box_go_ng@2x.png" />-->
  862. </div>
  863. </div>
  864. <div class="divTableCell divButtonCell divSearchResultMoveButtonCell">
  865. <div class="divSearchResultMoveButtonRight divButtonImageHost divSearchResultMoveButtonHost divSearchResultMoveButtonSize">
  866. <img class="off visible" src="./img/reflow/searchText/search_box_back_off@2x.png">
  867. <img class="on" src="./img/reflow/searchText/search_box_back_on@2x.png">
  868. <!--<img class="ng" src="./img/reflow/searchText/search_box_back_ng@2x.png" />-->
  869. </div>
  870. </div>
  871. <div class="divTableCell divButtonCell divSearchButtonCell visible">
  872. <div class="divButtonImageHost divSearchButtonHost divSearchButtonSize">
  873. <div id="header_searchend" class="divSearchButtonText" data-bind="text: $root.utility.getGlobalizedString('header/buttonTerminate/title')">終了</div>
  874. </div>
  875. </div>
  876. </div>
  877. </div>
  878. </div>
  879. </form>
  880. </div>
  881. </div>
  882. </div>
  883. </div>
  884. </header>
  885. <div style="width: 1660px; height: 691px;" id="markerDrawArea"></div>
  886. <div style="top: 0px; left: 345px; right: auto; width: 485px; height: 691px;" id="mask">
  887. <div id="centerClickArea"></div>
  888. <div id="inner" class="clearfix" order="0"><canvas id="canvas-0" page="false" width="1080" height="1536" style="display: block; margin: 0px auto; width: 485px; height: 691px; transform-origin: left top 0px; transition: transform 0ms ease 0s; transform: translate(-1455px, 0px);"></canvas><canvas id="canvas-1" page="false" width="1080" height="1536" style="display: block; margin: 0px auto; width: 485px; height: 691px; transform-origin: left top 0px; transition: transform 0ms ease 0s; transform: translate(1940px, 0px);"></canvas><canvas id="canvas-2" page="false" width="1080" height="1536" style="display: block; margin: 0px auto; width: 485px; height: 691px; transform-origin: left top 0px; transition: transform 0ms ease 0s; transform: translate(1455px, 0px);"></canvas><canvas class="" id="canvas-3" page="false" width="1080" height="1536" style="display: block; margin: 0px auto; width: 485px; height: 691px; transform-origin: left top 0px; transition: transform 0ms ease 0s; transform: translate(970px, 0px);"></canvas><canvas class="" id="canvas-4" page="-1" width="1080" height="1536" style="display: block; margin: 0px auto; width: 485px; height: 691px; transform-origin: left top 0px; transition: transform 0ms ease 0s; transform: translate(485px, 0px);"></canvas><canvas class="current" id="canvas-5" page="0" width="1080" height="1536" style="display: block; margin: 0px auto; width: 485px; height: 691px; transform-origin: left top 0px; transition: transform 0ms ease 0s; transform: translate(0px, 0px);"></canvas><canvas class="" id="canvas-6" page="1" width="1080" height="1536" style="display: block; margin: 0px auto; width: 485px; height: 691px; transform-origin: left top 0px; transition: transform 0ms ease 0s; transform: translate(-485px, 0px);"></canvas><canvas class="" id="canvas-7" page="2" width="1080" height="1536" style="display: block; margin: 0px auto; width: 485px; height: 691px; transform-origin: left top 0px; transition: transform 0ms ease 0s; transform: translate(-970px, 0px);"></canvas><canvas id="preImg" style="top: -9999px; width: 485px; height: 691px; transition: transform 0ms ease 0s;"></canvas></div>
  889. </div>
  890.  
  891. <footer style="transform: translate(0px, 0px); transition: transform 200ms cubic-bezier(0, 0, 0.25, 1) 0s;">
  892. <div data-bind="template: 'footer-template-1dan'" id="divFooter">
  893. <div class="divFooter">
  894. <div class="divTable">
  895. <div class="divTableRow">
  896. <!-- 自動ページ送り -->
  897. <!-- ko if: $root.canShowAutoPagingButton -->
  898. <div class="divTableCell">
  899. <div title="自動再生" id="divButtonAutoPlayLeftToRight" class="divButtonAutoPlay divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.autoPlayButtonName }">
  900. <img class="off visible" src="./img/play_left_off.png">
  901. <img class="on" src="./img/play_left_on.png">
  902. <img class="ng" src="./img/play_left_ng.png">
  903. </div>
  904. <div title="自動再生" id="divButtonAutoPlayRightToLeft" class="divButtonAutoPlay divFooterToolButton visible" data-bind="attr: { 'title' : $root.toolButtonNames.autoPlayButtonName }">
  905. <img class="off visible" src="./img/play_right_off.png">
  906. <img class="on" src="./img/play_right_on.png">
  907. <img class="ng" src="./img/play_right_ng.png">
  908. </div>
  909. </div>
  910. <!-- /ko -->
  911. <!-- リンクジャンプ戻る -->
  912. <!-- ko if: $root.canShowLinkJumpBackButton -->
  913. <div class="divTableCell">
  914. <div title="リンク元に戻る" id="divButtonLinkJumpBackLeftToRight" class="divButtonLinkJumpBack divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.linkJumpBackButtonName }">
  915. <img class="off visible" src="./img/linkback_left_off.png">
  916. <img class="on" src="./img/linkback_left_on.png">
  917. <img class="ng" src="./img/linkback_left_ng.png">
  918. </div>
  919. <div title="リンク元に戻る" id="divButtonLinkJumpBackRightToLeft" class="divButtonLinkJumpBack divFooterToolButton visible" data-bind="attr: { 'title' : $root.toolButtonNames.linkJumpBackButtonName }">
  920. <img class="off visible" src="./img/linkback_right_off.png">
  921. <img class="on" src="./img/linkback_right_on.png">
  922. <img class="ng" src="./img/linkback_right_ng.png">
  923. </div>
  924. </div>
  925. <!-- /ko -->
  926. <!-- スライダー -->
  927. <!-- ko if: $root.canShowSlider -->
  928. <div class="divTableCell divTableCellWidthAuto">
  929. <div id="footer_inner" class="divSliderHost">
  930. <div id="slider" class="divSlider"><span id="sliderMinNum" class="right">0</span><span id="sliderMaxNum" class="left">200</span><span id="sliderBG"></span><div style="display: none;" id="sliderBookmarkArea"><span id="sliderBookmarkImg"></span></div><div style="transform: translate(1335px, 0px);" id="sliderMoveArea"><span id="sliderSelectNum">0</span><span id="sliderMoveBtn"></span></div></div>
  931. </div>
  932. </div>
  933. <!-- /ko -->
  934. <!-- 最後へ(｜←) -->
  935. <!-- ko if: $root.canShowLeftEndButton --><!-- /ko -->
  936. <!-- 次へ(←) -->
  937. <!-- ko if: $root.canShowLeftButton --><!-- /ko -->
  938. <!-- 前へ(→) -->
  939. <!-- ko if: $root.canShowRightButton --><!-- /ko -->
  940. <!-- 最初へ(→｜) -->
  941. <!-- ko if: $root.canShowRightEndButton --><!-- /ko -->
  942. <!-- 拡大鏡 -->
  943. <!-- ko if: $root.canShowMagnifierButton -->
  944. <!-- ko if: !$root.isWatanni -->
  945. <div class="divTableCell">
  946. <div title="拡大鏡" id="divButtonMagnifier" class="divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.magnifierButtonName }">
  947. <img class="off visible" src="./img/magnifyingglass_off.png">
  948. <img class="on" src="./img/magnifyingglass_on.png">
  949. <img class="ng" src="./img/magnifyingglass_ng.png">
  950. </div>
  951. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.magnifierButtonName">拡大鏡</div>
  952. </div>
  953. <!-- /ko -->
  954. <!-- /ko -->
  955. <!-- ページ移動 -->
  956. <!-- ko if: $root.canShowPageMoveButton -->
  957. <div class="divTableCell">
  958. <div title="ページ移動" id="divButtonPageMove" class="divFooterToolButton pageMoveButton" data-bind="attr: { 'title' : $root.toolButtonNames.pageMoveButtonName }">
  959. <img class="off visible" src="./img/pagemove_off@2x.png">
  960. <img class="on" src="./img/pagemove_on@2x.png">
  961. <img class="ng" src="./img/pagemove_ng@2x.png">
  962. </div>
  963. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.pageMoveButtonName">ページ移動</div>
  964. </div>
  965. <!-- /ko -->
  966. <!-- 表示モード -->
  967. <!-- ko if: $root.canShowModeChangeButton -->
  968. <!-- ko if: !$root.isWatanni -->
  969. <div class="divTableCell">
  970. <div title="表示モード" id="divModeChangeButton" class="divFooterToolButton modeChangeButton" data-bind="attr: { 'title' : $root.toolButtonNames.modeChangeButtonName }">
  971. <img class="off visible" src="./img/hyouji_off@2x.png">
  972. <img class="on" src="./img/hyouji_on@2x.png">
  973. <img class="ng" src="./img/hyouji_ng@2x.png">
  974. </div>
  975. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.modeChangeButtonName">表示モード</div>
  976. </div>
  977. <!-- /ko -->
  978. <!-- /ko -->
  979. <!-- 検索 -->
  980. <!-- ko if: $root.canShowTextSearchButton --><!-- /ko -->
  981. <!-- ページ設定 -->
  982. <!-- ko if: $root.canShowPageSettingButton --><!-- /ko -->
  983. <!-- 付箋 -->
  984. <!-- ko if: $root.canShowStickyButton --><!-- /ko -->
  985. <!-- 設定 -->
  986. <!-- ko if: $root.canShowSettingButton -->
  987. <div class="divTableCell">
  988. <div title="設定" id="divSettingButton" class="divFooterToolButton settingButton" data-bind="attr: { 'title' : $root.toolButtonNames.settingButtonName }">
  989. <img class="off visible" src="./img/setting_off@2x.png">
  990. <img class="on" src="./img/setting_on@2x.png">
  991. <img class="ng" src="./img/setting_ng@2x.png">
  992. </div>
  993. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.settingButtonName">設定</div>
  994. </div>
  995. <!-- /ko -->
  996. <!-- サイドバー -->
  997. <!-- ko if: $root.canShowSidebarButton -->
  998. <div style="display: none;" class="divTableCell" id="divTableCellSidebarOpenClose">
  999. <div title="サイドバー" id="divSidebarOpenCloseButton" class="divFooterToolButton sideBarOpenCloseButton" data-bind="attr: { 'title' : $root.toolButtonNames.siderbarButtonName }">
  1000. <img class="off visible" src="./img/toolbar_rightopen_off@2x.png">
  1001. <img class="on" src="./img/toolbar_rightopen_on@2x.png">
  1002. <img class="ng" src="./img/toolbar_rightopen_ng@2x.png">
  1003. </div>
  1004. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.siderbarButtonName">サイドバー</div>
  1005. </div>
  1006. <!-- /ko -->
  1007. </div>
  1008. </div>
  1009. <div class="divCopyright" data-bind="html: $root.utility.getGlobalizedString('footer/copyright/title')">Copyright&nbsp;©&nbsp;eBOOK Initiative Japan Co.,Ltd.</div>
  1010. </div>
  1011. </div>
  1012. </footer>
  1013.  
  1014. <div id="controller"></div>
  1015.  
  1016. <div id="banner" class="banner" style="display:none;">
  1017. <div class="banner_tree">
  1018. <div class="banner_outline">
  1019. <div class="banner_box">
  1020. <div class="banner_img">
  1021. <div class="btn_right">
  1022. <span class="btnNoBorder" id="banner_close"><img src="img/close.png"> </span>
  1023. </div>
  1024. <div class="logo"> </div>
  1025. </div><!--.banner-img-->
  1026. <div class="text_box">
  1027. <div class="text_small" id="banner_copywriting"></div>
  1028. <div class="text_big"><p>会員登録はコチラ</p></div>
  1029. </div><!--.text_box-->
  1030. </div><!--.banner_box-->
  1031. </div><!--.banner_outline-->
  1032. </div><!--.banner_tree-->
  1033. </div><!--.banner-->
  1034.  
  1035. <script>
  1036. //【差異】pc.html と webview.html だけ↓の要素がある
  1037. if (BR_ROOT.BR_global.currentPlatform === BR_ROOT.BR_global.platformType.PC) {
  1038. document.write('<div id="finish"></div>');
  1039. }
  1040. </script>
  1041. <div style="width: 200px; height: 200px; display: none; left: 327px; top: 496px;" id="magnifying_glass" class="magnifying_glass"><div style="transform: scale(2); left: 100px; top: 100px;" id="magnified_content" class="magnified_content"></div></div></div>
  1042. </div>
  1043. <!-- フッターのテンプレート -->
  1044. <div id="footerHost" class="templateDefaultStyle" style="visibility: hidden">
  1045. <!-------------------------------------------------------------------->
  1046. <!-- フッター(UIリファクタリング後) ここから -->
  1047. <!-------------------------------------------------------------------->
  1048. <!---------------------------------------------------->
  1049. <!-- １段表示 ここから -->
  1050. <!---------------------------------------------------->
  1051. <script type="text/html" id="footer-template-1dan">
  1052. <div class="divFooter">
  1053. <div class="divTable">
  1054. <div class="divTableRow">
  1055. <!-- 自動ページ送り -->
  1056. <!-- ko if: $root.canShowAutoPagingButton -->
  1057. <div class="divTableCell">
  1058. <div id="divButtonAutoPlayLeftToRight" class="divButtonAutoPlay divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.autoPlayButtonName }">
  1059. <img class="off visible" src="./img/play_left_off.png" />
  1060. <img class="on" src="./img/play_left_on.png" />
  1061. <img class="ng" src="./img/play_left_ng.png" />
  1062. </div>
  1063. <div id="divButtonAutoPlayRightToLeft" class="divButtonAutoPlay divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.autoPlayButtonName }">
  1064. <img class="off visible" src="./img/play_right_off.png" />
  1065. <img class="on" src="./img/play_right_on.png" />
  1066. <img class="ng" src="./img/play_right_ng.png" />
  1067. </div>
  1068. </div>
  1069. <!-- /ko -->
  1070. <!-- リンクジャンプ戻る -->
  1071. <!-- ko if: $root.canShowLinkJumpBackButton -->
  1072. <div class="divTableCell">
  1073. <div id="divButtonLinkJumpBackLeftToRight" class="divButtonLinkJumpBack divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.linkJumpBackButtonName }">
  1074. <img class="off visible" src="./img/linkback_left_off.png" />
  1075. <img class="on" src="./img/linkback_left_on.png" />
  1076. <img class="ng" src="./img/linkback_left_ng.png" />
  1077. </div>
  1078. <div id="divButtonLinkJumpBackRightToLeft" class="divButtonLinkJumpBack divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.linkJumpBackButtonName }">
  1079. <img class="off visible" src="./img/linkback_right_off.png" />
  1080. <img class="on" src="./img/linkback_right_on.png" />
  1081. <img class="ng" src="./img/linkback_right_ng.png" />
  1082. </div>
  1083. </div>
  1084. <!-- /ko -->
  1085. <!-- スライダー -->
  1086. <!-- ko if: $root.canShowSlider -->
  1087. <div class="divTableCell divTableCellWidthAuto">
  1088. <div id="footer_inner" class="divSliderHost">
  1089. <div id="slider" class="divSlider"></div>
  1090. </div>
  1091. </div>
  1092. <!-- /ko -->
  1093. <!-- 最後へ(｜←) -->
  1094. <!-- ko if: $root.canShowLeftEndButton -->
  1095. <div class="divTableCell">
  1096. <div id="divButtonLeftEnd" class="divFooterToolButton pageMoveButtonLeftEnd" data-bind="attr: { 'title' : $root.toolButtonNames.leftEndButtonName }">
  1097. <img class="off visible" src="./img/Watanni/page_end_off@2x.png" />
  1098. <img class="on" src="./img/Watanni/page_end_on@2x.png" />
  1099. <img class="ng" src="./img/Watanni/page_end_ng@2x.png" />
  1100. </div>
  1101. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.leftEndButtonName"></div>
  1102. </div>
  1103. <!-- /ko -->
  1104. <!-- 次へ(←) -->
  1105. <!-- ko if: $root.canShowLeftButton -->
  1106. <div class="divTableCell">
  1107. <div id="divButtonLeft" class="divFooterToolButton pageMoveButtonLeft" data-bind="attr: { 'title' : $root.toolButtonNames.leftButtonName }">
  1108. <img class="off visible" src="./img/Watanni/page_next_off@2x.png" />
  1109. <img class="on" src="./img/Watanni/page_next_on@2x.png" />
  1110. <img class="ng" src="./img/Watanni/page_next_ng@2x.png" />
  1111. </div>
  1112. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.leftButtonName"></div>
  1113. </div>
  1114. <!-- /ko -->
  1115. <!-- 前へ(→) -->
  1116. <!-- ko if: $root.canShowRightButton -->
  1117. <div class="divTableCell">
  1118. <div id="divButtonRight" class="divFooterToolButton pageMoveButtonRight" data-bind="attr: { 'title' : $root.toolButtonNames.rightButtonName }">
  1119. <img class="off visible" src="./img/Watanni/page_back_off@2x.png" />
  1120. <img class="on" src="./img/Watanni/page_back_on@2x.png" />
  1121. <img class="ng" src="./img/Watanni/page_back_ng@2x.png" />
  1122. </div>
  1123. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.rightButtonName"></div>
  1124. </div>
  1125. <!-- /ko -->
  1126. <!-- 最初へ(→｜) -->
  1127. <!-- ko if: $root.canShowRightEndButton -->
  1128. <div class="divTableCell">
  1129. <div id="divButtonRightEnd" class="divFooterToolButton pageMoveButtonRightEnd" data-bind="attr: { 'title' : $root.toolButtonNames.rightEndButtonName }">
  1130. <img class="off visible" src="./img/Watanni/page_start_off@2x.png" />
  1131. <img class="on" src="./img/Watanni/page_start_on@2x.png" />
  1132. <img class="ng" src="./img/Watanni/page_start_ng@2x.png" />
  1133. </div>
  1134. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.rightEndButtonName"></div>
  1135. </div>
  1136. <!-- /ko -->
  1137. <!-- 拡大鏡 -->
  1138. <!-- ko if: $root.canShowMagnifierButton -->
  1139. <!-- ko if: !$root.isWatanni -->
  1140. <div class="divTableCell">
  1141. <div id="divButtonMagnifier" class="divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.magnifierButtonName }">
  1142. <img class="off visible" src="./img/magnifyingglass_off.png" />
  1143. <img class="on" src="./img/magnifyingglass_on.png" />
  1144. <img class="ng" src="./img/magnifyingglass_ng.png" />
  1145. </div>
  1146. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.magnifierButtonName"></div>
  1147. </div>
  1148. <!-- /ko -->
  1149. <!-- /ko -->
  1150. <!-- ページ移動 -->
  1151. <!-- ko if: $root.canShowPageMoveButton -->
  1152. <div class="divTableCell">
  1153. <div id="divButtonPageMove" class="divFooterToolButton pageMoveButton" data-bind="attr: { 'title' : $root.toolButtonNames.pageMoveButtonName }">
  1154. <img class="off visible" src="./img/pagemove_off@2x.png" />
  1155. <img class="on" src="./img/pagemove_on@2x.png" />
  1156. <img class="ng" src="./img/pagemove_ng@2x.png" />
  1157. </div>
  1158. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.pageMoveButtonName"></div>
  1159. </div>
  1160. <!-- /ko -->
  1161. <!-- 表示モード -->
  1162. <!-- ko if: $root.canShowModeChangeButton -->
  1163. <!-- ko if: !$root.isWatanni -->
  1164. <div class="divTableCell">
  1165. <div id="divModeChangeButton" class="divFooterToolButton modeChangeButton" data-bind="attr: { 'title' : $root.toolButtonNames.modeChangeButtonName }">
  1166. <img class="off visible" src="./img/hyouji_off@2x.png" />
  1167. <img class="on" src="./img/hyouji_on@2x.png" />
  1168. <img class="ng" src="./img/hyouji_ng@2x.png" />
  1169. </div>
  1170. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.modeChangeButtonName"></div>
  1171. </div>
  1172. <!-- /ko -->
  1173. <!-- /ko -->
  1174. <!-- 検索 -->
  1175. <!-- ko if: $root.canShowTextSearchButton -->
  1176. <div class="divTableCell">
  1177. <div id="divButtonTextSearch" class="divFooterToolButton textSearchButton" data-bind="attr: { 'title' : $root.toolButtonNames.textSearchButtonName }">
  1178. <img class="off visible" src="./img/search_off@2x.png" />
  1179. <img class="on" src="./img/search_on@2x.png" />
  1180. <img class="ng" src="./img/search_ng@2x.png" />
  1181. </div>
  1182. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.textSearchButtonName"></div>
  1183. </div>
  1184. <!-- /ko -->
  1185. <!-- ページ設定 -->
  1186. <!-- ko if: $root.canShowPageSettingButton -->
  1187. <div class="divTableCell">
  1188. <div id="divPageSettingButton" class="divFooterToolButton pageSettingButton" data-bind="attr: { 'title' : $root.toolButtonNames.pageSettingButtonName }">
  1189. <img class="off visible" src="./img/moji_off@2x.png" />
  1190. <img class="on" src="./img/moji_on@2x.png" />
  1191. <img class="ng" src="./img/moji_ng@2x.png" />
  1192. </div>
  1193. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.pageSettingButtonName"></div>
  1194. </div>
  1195. <!-- /ko -->
  1196. <!-- 付箋 -->
  1197. <!-- ko if: $root.canShowStickyButton -->
  1198. <div class="divTableCell">
  1199. <div id="divStickyButton" class="divFooterToolButton stickyButton" data-bind="attr: { 'title' : $root.toolButtonNames.stickyButtonName }">
  1200. <img class="off visible" src="./img/fusen_off@2x.png" />
  1201. <img class="on" src="./img/fusen_on@2x.png" />
  1202. <img class="ng" src="./img/fusen_ng@2x.png" />
  1203. </div>
  1204. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.stickyButtonName"></div>
  1205. </div>
  1206. <!-- /ko -->
  1207. <!-- 設定 -->
  1208. <!-- ko if: $root.canShowSettingButton -->
  1209. <div class="divTableCell">
  1210. <div id="divSettingButton" class="divFooterToolButton settingButton" data-bind="attr: { 'title' : $root.toolButtonNames.settingButtonName }">
  1211. <img class="off visible" src="./img/setting_off@2x.png" />
  1212. <img class="on" src="./img/setting_on@2x.png" />
  1213. <img class="ng" src="./img/setting_ng@2x.png" />
  1214. </div>
  1215. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.settingButtonName"></div>
  1216. </div>
  1217. <!-- /ko -->
  1218. <!-- サイドバー -->
  1219. <!-- ko if: $root.canShowSidebarButton -->
  1220. <div class="divTableCell" id="divTableCellSidebarOpenClose">
  1221. <div id="divSidebarOpenCloseButton" class="divFooterToolButton sideBarOpenCloseButton" data-bind="attr: { 'title' : $root.toolButtonNames.siderbarButtonName }">
  1222. <img class="off visible" src="./img/toolbar_rightopen_off@2x.png" />
  1223. <img class="on" src="./img/toolbar_rightopen_on@2x.png" />
  1224. <img class="ng" src="./img/toolbar_rightopen_ng@2x.png" />
  1225. </div>
  1226. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.siderbarButtonName"></div>
  1227. </div>
  1228. <!-- /ko -->
  1229. </div>
  1230. </div>
  1231. <div class="divCopyright" data-bind="html: $root.utility.getGlobalizedString('footer/copyright/title')"></div>
  1232. </div>
  1233. </script>
  1234. <!---------------------------------------------------->
  1235. <!-- １段表示 ここまで -->
  1236. <!---------------------------------------------------->
  1237. <!---------------------------------------------------->
  1238. <!-- ２段表示 ここから -->
  1239. <!---------------------------------------------------->
  1240. <script type="text/html" id="footer-template-2dan">
  1241. <div class="divFooter">
  1242. <div class="divTable">
  1243. <div class="divTableRow">
  1244. <!-- 最後へ(｜←) -->
  1245. <!-- ko if: $root.canShowLeftEndButton -->
  1246. <div class="divTableCell">
  1247. <div id="divButtonLeftEnd" class="divFooterToolButton pageMoveButtonLeftEnd" data-bind="attr: { 'title' : $root.toolButtonNames.leftEndButtonName }">
  1248. <img class="off visible" src="./img/Watanni/page_end_off@2x.png" />
  1249. <img class="on" src="./img/Watanni/page_end_on@2x.png" />
  1250. <img class="ng" src="./img/Watanni/page_end_ng@2x.png" />
  1251. </div>
  1252. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.leftEndButtonName"></div>
  1253. </div>
  1254. <!-- /ko -->
  1255. <!-- 次へ(←) -->
  1256. <!-- ko if: $root.canShowLeftButton -->
  1257. <div class="divTableCell">
  1258. <div id="divButtonLeft" class="divFooterToolButton pageMoveButtonLeft" data-bind="attr: { 'title' : $root.toolButtonNames.leftButtonName }">
  1259. <img class="off visible" src="./img/Watanni/page_next_off@2x.png" />
  1260. <img class="on" src="./img/Watanni/page_next_on@2x.png" />
  1261. <img class="ng" src="./img/Watanni/page_next_ng@2x.png" />
  1262. </div>
  1263. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.leftButtonName"></div>
  1264. </div>
  1265. <!-- /ko -->
  1266. <!-- 前へ(→) -->
  1267. <!-- ko if: $root.canShowRightButton -->
  1268. <div class="divTableCell">
  1269. <div id="divButtonRight" class="divFooterToolButton pageMoveButtonRight" data-bind="attr: { 'title' : $root.toolButtonNames.rightButtonName }">
  1270. <img class="off visible" src="./img/Watanni/page_back_off@2x.png" />
  1271. <img class="on" src="./img/Watanni/page_back_on@2x.png" />
  1272. <img class="ng" src="./img/Watanni/page_back_ng@2x.png" />
  1273. </div>
  1274. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.rightButtonName"></div>
  1275. </div>
  1276. <!-- /ko -->
  1277. <!-- 最初へ(→｜) -->
  1278. <!-- ko if: $root.canShowRightEndButton -->
  1279. <div class="divTableCell">
  1280. <div id="divButtonRightEnd" class="divFooterToolButton pageMoveButtonRightEnd" data-bind="attr: { 'title' : $root.toolButtonNames.rightEndButtonName }">
  1281. <img class="off visible" src="./img/Watanni/page_start_off@2x.png" />
  1282. <img class="on" src="./img/Watanni/page_start_on@2x.png" />
  1283. <img class="ng" src="./img/Watanni/page_start_ng@2x.png" />
  1284. </div>
  1285. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.rightEndButtonName"></div>
  1286. </div>
  1287. <!-- /ko -->
  1288. <!-- 拡大鏡 -->
  1289. <!-- ko if: $root.canShowMagnifierButton -->
  1290. <div class="divTableCell">
  1291. <div id="divButtonMagnifier" class="divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.magnifierButtonName }">
  1292. <img class="off visible" src="./img/magnifyingglass_off.png" />
  1293. <img class="on" src="./img/magnifyingglass_on.png" />
  1294. <img class="ng" src="./img/magnifyingglass_ng.png" />
  1295. </div>
  1296. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.magnifierButtonName"></div>
  1297. </div>
  1298. <!-- /ko -->
  1299. <!-- ページ移動 -->
  1300. <!-- ko if: $root.canShowPageMoveButton -->
  1301. <div class="divTableCell">
  1302. <div id="divButtonPageMove" class="divFooterToolButton pageMoveButton" data-bind="attr: { 'title' : $root.toolButtonNames.pageMoveButtonName }">
  1303. <img class="off visible" src="./img/pagemove_off@2x.png" />
  1304. <img class="on" src="./img/pagemove_on@2x.png" />
  1305. <img class="ng" src="./img/pagemove_ng@2x.png" />
  1306. </div>
  1307. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.pageMoveButtonName"></div>
  1308. </div>
  1309. <!-- /ko -->
  1310. <!-- 表示モード -->
  1311. <!-- ko if: $root.canShowModeChangeButton -->
  1312. <!-- ko if: !$root.isWatanni -->
  1313. <div class="divTableCell">
  1314. <div id="divModeChangeButton" class="divFooterToolButton modeChangeButton" data-bind="attr: { 'title' : $root.toolButtonNames.modeChangeButtonName }">
  1315. <img class="off visible" src="./img/hyouji_off@2x.png" />
  1316. <img class="on" src="./img/hyouji_on@2x.png" />
  1317. <img class="ng" src="./img/hyouji_ng@2x.png" />
  1318. </div>
  1319. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.modeChangeButtonName"></div>
  1320. </div>
  1321. <!-- /ko -->
  1322. <!-- /ko -->
  1323. <!-- 検索 -->
  1324. <!-- ko if: $root.canShowTextSearchButton -->
  1325. <div class="divTableCell">
  1326. <div id="divButtonTextSearch" class="divFooterToolButton textSearchButton" data-bind="attr: { 'title' : $root.toolButtonNames.textSearchButtonName }">
  1327. <img class="off visible" src="./img/search_off@2x.png" />
  1328. <img class="on" src="./img/search_on@2x.png" />
  1329. <img class="ng" src="./img/search_ng@2x.png" />
  1330. </div>
  1331. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.textSearchButtonName"></div>
  1332. </div>
  1333. <!-- /ko -->
  1334. <!-- ページ設定 -->
  1335. <!-- ko if: $root.canShowPageSettingButton -->
  1336. <div class="divTableCell">
  1337. <div id="divPageSettingButton" class="divFooterToolButton pageSettingButton" data-bind="attr: { 'title' : $root.toolButtonNames.pageSettingButtonName }">
  1338. <img class="off visible" src="./img/moji_off@2x.png" />
  1339. <img class="on" src="./img/moji_on@2x.png" />
  1340. <img class="ng" src="./img/moji_ng@2x.png" />
  1341. </div>
  1342. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.pageSettingButtonName"></div>
  1343. </div>
  1344. <!-- /ko -->
  1345. <!-- 付箋 -->
  1346. <!-- ko if: $root.canShowStickyButton -->
  1347. <div class="divTableCell">
  1348. <div id="divStickyButton" class="divFooterToolButton stickyButton" data-bind="attr: { 'title' : $root.toolButtonNames.stickyButtonName }">
  1349. <img class="off visible" src="./img/fusen_off@2x.png" />
  1350. <img class="on" src="./img/fusen_on@2x.png" />
  1351. <img class="ng" src="./img/fusen_ng@2x.png" />
  1352. </div>
  1353. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.stickyButtonName"></div>
  1354. </div>
  1355. <!-- /ko -->
  1356. <!-- 設定 -->
  1357. <!-- ko if: $root.canShowSettingButton -->
  1358. <div class="divTableCell">
  1359. <div id="divSettingButton" class="divFooterToolButton settingButton" data-bind="attr: { 'title' : $root.toolButtonNames.settingButtonName }">
  1360. <img class="off visible" src="./img/setting_off@2x.png" />
  1361. <img class="on" src="./img/setting_on@2x.png" />
  1362. <img class="ng" src="./img/setting_ng@2x.png" />
  1363. </div>
  1364. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.settingButtonName"></div>
  1365. </div>
  1366. <!-- /ko -->
  1367. <!-- サイドバー -->
  1368. <!-- ko if: $root.canShowSidebarButton -->
  1369. <div class="divTableCell" id="divTableCellSidebarOpenClose">
  1370. <div id="divSidebarOpenCloseButton" class="divFooterToolButton sideBarOpenCloseButton" data-bind="attr: { 'title' : $root.toolButtonNames.siderbarButtonName }">
  1371. <img class="off visible" src="./img/toolbar_rightopen_off@2x.png" />
  1372. <img class="on" src="./img/toolbar_rightopen_on@2x.png" />
  1373. <img class="ng" src="./img/toolbar_rightopen_ng@2x.png" />
  1374. </div>
  1375. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.siderbarButtonName"></div>
  1376. </div>
  1377. <!-- /ko -->
  1378. </div>
  1379. </div>
  1380. <div class="divTable">
  1381. <div class="divTableRow">
  1382. <!-- 自動ページ送り -->
  1383. <!-- ko if: $root.canShowAutoPagingButton -->
  1384. <div class="divTableCell">
  1385. <div id="divButtonAutoPlayLeftToRight" class="divButtonAutoPlay divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.autoPlayButtonName }">
  1386. <img class="off visible" src="./img/play_left_off.png" />
  1387. <img class="on" src="./img/play_left_on.png" />
  1388. <img class="ng" src="./img/play_left_ng.png" />
  1389. </div>
  1390. <div id="divButtonAutoPlayRightToLeft" class="divButtonAutoPlay divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.autoPlayButtonName }">
  1391. <img class="off visible" src="./img/play_right_off.png" />
  1392. <img class="on" src="./img/play_right_on.png" />
  1393. <img class="ng" src="./img/play_right_ng.png" />
  1394. </div>
  1395. </div>
  1396. <!-- /ko -->
  1397. <!-- リンクジャンプ戻る -->
  1398. <!-- ko if: $root.canShowLinkJumpBackButton -->
  1399. <div class="divTableCell">
  1400. <div id="divButtonLinkJumpBackLeftToRight" class="divButtonLinkJumpBack divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.linkJumpBackButtonName }">
  1401. <img class="off visible" src="./img/linkback_left_off.png" />
  1402. <img class="on" src="./img/linkback_left_on.png" />
  1403. <img class="ng" src="./img/linkback_left_ng.png" />
  1404. </div>
  1405. <div id="divButtonLinkJumpBackRightToLeft" class="divButtonLinkJumpBack divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.linkJumpBackButtonName }">
  1406. <img class="off visible" src="./img/linkback_right_off.png" />
  1407. <img class="on" src="./img/linkback_right_on.png" />
  1408. <img class="ng" src="./img/linkback_right_ng.png" />
  1409. </div>
  1410. </div>
  1411. <!-- /ko -->
  1412. <!-- スライダー -->
  1413. <!-- ko if: $root.canShowSlider -->
  1414. <div class="divTableCell divTableCellWidthAuto">
  1415. <div id="footer_inner" class="divSliderHost">
  1416. <div id="slider" class="divSlider"></div>
  1417. </div>
  1418. </div>
  1419. <!-- /ko -->
  1420. </div>
  1421. </div>
  1422. <div class="divCopyright" data-bind="html: $root.utility.getGlobalizedString('footer/copyright/title')"></div>
  1423. </div>
  1424. </script>
  1425. <!---------------------------------------------------->
  1426. <!-- ２段表示 ここまで -->
  1427. <!---------------------------------------------------->
  1428. <!---------------------------------------------------->
  1429. <!-- ほんつく用 ここから -->
  1430. <!---------------------------------------------------->
  1431. <script type="text/html" id="footer-template-hontsuku">
  1432. <div class="divFooter">
  1433. <div class="divTable">
  1434. <div class="divTableRow">
  1435. <div class="divTableCell divTableCellWidthAuto">
  1436. <div id="footer_inner" class="divSliderHost">
  1437. <div id="slider" class="divSlider"></div>
  1438. </div>
  1439. </div>
  1440. <div class="divTableCell">
  1441. <div id="divModeChangeButton" class="divFooterToolButton modeChangeButton" data-bind="attr: { 'title' : $root.toolButtonNames.modeChangeButtonName }">
  1442. <img class="off visible" src="./img/hyouji_off@2x.png" />
  1443. <img class="on" src="./img/hyouji_on@2x.png" />
  1444. <img class="ng" src="./img/hyouji_ng@2x.png" />
  1445. </div>
  1446. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.modeChangeButtonName"></div>
  1447. </div>
  1448. </div>
  1449. </div>
  1450. <div class="divCopyright" data-bind="html: $root.utility.getGlobalizedString('footer/copyright/title')"></div>
  1451. </div>
  1452. </script>
  1453. <!---------------------------------------------------->
  1454. <!-- ほんつく用 ここまで -->
  1455. <!---------------------------------------------------->
  1456. <!-------------------------------------------------------------------->
  1457. <!-- フッター(UIリファクタリング後) ここまで -->
  1458. <!-------------------------------------------------------------------->
  1459. </div>
  1460. <!-- サイドバーのテンプレート -->
  1461. <div id="sideBarHost" class="templateDefaultStyle" style="visibility: hidden"></div>
  1462. <!-- 話単位用サイドバーのテンプレート -->
  1463. <div id="sideBarHostWatanni" class="templateDefaultStyle" style="visibility: hidden">
  1464. <div id="sideBar">
  1465. <div id="sideBar_inner" style="top:0;">
  1466. <div id="sideBar_scrollArea">
  1467. <!-- ko if: $root.books.length > 0 && ($root.thumbURLHTTPS != "" || $root.thumbLinkURL ) -->
  1468. <div class="h4_box">
  1469. <h4 data-bind="text: $root.utility.getGlobalizedString('sidebar/volume/title')"></h4>
  1470. </div>
  1471. <div id="sideBar_bookInfo">
  1472. <!-- ko if: $root.thumbURLHTTPS != "" -->
  1473. <div class="bookThumb">
  1474. <a data-bind="attr: {href : $root.thumbLinkURL}">
  1475. <img class="posterImage" data-bind="attr : { src : $root.thumbURLHTTPS, alt : $root.titleBookName }">
  1476. </a>
  1477. </div>
  1478. <!-- /ko -->
  1479. <!-- ko if:$root.thumbLinkURL -->
  1480. <div class="btns">
  1481. <a class="btn buy watanniBuyButton" style="" data-bind="attr : { href: $root.thumbLinkURL }">
  1482. <span class="shoppingCartIcon"></span>
  1483. <span data-bind="text: $root.utility.getGlobalizedString('sidebar/buyComics/title')"></span>
  1484. </a>
  1485. </div>
  1486. <!-- /ko -->
  1487. </div>
  1488. <!-- /ko -->
  1489. <div class="h4_box">
  1490. <h4 data-bind="text: $root.utility.getGlobalizedString('sidebar/seriesWork/title')"></h4>
  1491. </div>
  1492. <ul class="sideBar_list">
  1493. <!-- ko foreach: {data: $root.regularTitles, as : 'regularTitle' } -->
  1494. <li>
  1495. <a class="regularTitleLink" data-bind="attr: {href: regularTitle.linkURL}">
  1496. <span class="seriesBook seriesBookWatanni">
  1497. <img class="regularTitleImage" data-bind="attr:{src : regularTitle.imageUrl}">
  1498. <span class="seriesBookName seriesBookNameWatanni">
  1499. <span class="regularTitleName" data-bind="text: regularTitle.titleName"></span>
  1500. <br>
  1501. <span class="regularTitleAuthor" data-bind="text: regularTitle.author[0].penName"></span>
  1502. </span>
  1503. </span>
  1504. </a>
  1505. </li>
  1506. <!-- /ko -->
  1507. </ul>
  1508. </div>
  1509. </div>
  1510. <div id="sideBar_footer">
  1511. <div class="btn_right">
  1512. <div id="sideBar_closeBtn" class="divFooterToolButton sideBarOpenCloseButton" data-bind="attr: { 'title' : $root.utility.getGlobalizedString('footer/toolButtonNames/siderbarButton/title') }">
  1513. <img class="off visible" src="./img/toolbar_rightopen_off@2x.png">
  1514. <img class="on" src="./img/toolbar_rightopen_on@2x.png">
  1515. <img class="ng" src="./img/toolbar_rightopen_ng@2x.png">
  1516. </div>
  1517. </div>
  1518. </div>
  1519. </div>
  1520. </div>
  1521. <!-- 書籍詳細ウィンドウのテンプレート -->
  1522. <div id="detailDialogHost" class="templateDefaultStyle" style="visibility: hidden"></div>
  1523.  
  1524. <!-- 読書終了ウィンドウのテンプレート -->
  1525. <div id="closeDialogHost" class="templateDefaultStyle" style="visibility: hidden"></div>
  1526.  
  1527. <!-- 話単位画面 読書終了ウィンドウのテンプレート -->
  1528. <div id="closeDialogHostWatanni" class="templateDefaultStyle" style="visibility: hidden">
  1529. <div id="closeWindowFixed" class="fixedContent fixedContentWatanni">
  1530. <div class="divTable">
  1531. <div class="divTableRow atogakiRow atogakiRowHeight">
  1532. <div class="divTableCell bookThumbCellWatanni">
  1533. <div class="bookThumb">
  1534. <img class="img_bookThumb" alt="author" data-bind="attr : {src : $root.authorImageUrl }">
  1535. </div>
  1536. </div>
  1537. <div class="divTableCell bookPropertyCellWatanni">
  1538. <div class="bookProperty">
  1539. <div class="authorField ui-helper-clearfix">
  1540. <!-- ko if: $root.episodeInfo.getAuthorClassImageFileName($root.authorClassCode) -->
  1541. <img class="authorClassImage" data-bind="attr : {src : './img/Watanni/' + $root.episodeInfo.getAuthorClassImageFileName($root.authorClassCode)}, style : { display : $root.showWatanniCloseDialogMenu.rank }">
  1542. <!-- /ko -->
  1543. <span class="nameWatanni" data-bind="text: $root.authorName"></span>
  1544. </div>
  1545. <div class="divOutline" data-bind="style : { display : $root.showWatanniCloseDialogMenu.afterWord }">
  1546. <span class="outline" data-bind="text: $root.episodeInfo.episodes.currentEpisode.postscript"></span>
  1547. </div>
  1548. </div>
  1549. </div>
  1550. </div>
  1551. <div class="divTableRow snsButtonRow snsButtonRowHeight">
  1552. <div class="divTableCell"></div>
  1553. <div class="divTableCell snsButtonCellWatanni">
  1554. <div class="divSNSButtonHost snsButtonRowHeight">
  1555. <div class="btns clearfix">
  1556. <!-- ko if: $root.socialUse == true -->
  1557. <!-- ko if: $root.localeID != "zh" -->
  1558. <a class="btn facebook" target="_blank" data-bind="attr : { href : $root.getFacebookURL() }"></a>
  1559. <a class="btn twitter" target="_blank" data-bind="attr : { href : $root.getTwitterURL() }"></a>
  1560. <!-- /ko -->
  1561. <!-- ko if: $root.localeID == "zh" -->
  1562. <a target="_blank" data-bind="attr: { href: $root.getWeiboURL() }">
  1563. <img src="./img/weibo_icon_32x32.png">
  1564. </a>
  1565. <!-- /ko -->
  1566. <!-- /ko -->
  1567. </div>
  1568. </div>
  1569. </div>
  1570. </div>
  1571. </div>
  1572. <div class="unit" data-bind="style : { display : $root.showWatanniCloseDialogMenu.cheer }">
  1573. <div class="divTableCell bookPropertyCellWatanni block">
  1574. <div class="bookProperty">
  1575. <h3 data-bind="text: $root.utility.getGlobalizedString('closeDialog/cheer/title')"></h3>
  1576. <div class="divOutline" style="margin-right:5px;">
  1577. <span class="outline" data-bind="text: $root.utility.getGlobalizedString('closeDialog/cheerDescription/title')"></span>
  1578. <div class="cheerButtons ui-helper-clearfix">
  1579. <div id="cheerButton" class="cheerButton" data-bind="style : { display : $root.showWatanniCloseDialogMenu.recommend }">
  1580. <img class="cheerIcon" src="./img/Watanni/heart@2x.png">
  1581. <span id="recommendCount" class="recommendCount" data-bind="text: $root.recommendCount"></span>
  1582. <span class="recommendCountLabel" data-bind="text: $root.utility.getGlobalizedString('closeDialog/recommendPoint/title')"></span>
  1583. <span class="recommend" data-bind="text: $root.utility.getGlobalizedString('closeDialog/recommend/title')"></span>
  1584. </div>
  1585. <div id="commentButton" class="commentButton" data-bind="style : { display : $root.showWatanniCloseDialogMenu.comment }">
  1586. <img class="commentIcon" src="./img/Watanni/balloon@2x.png">
  1587. <span data-bind="text: $root.utility.getGlobalizedString('closeDialog/comment/title')"></span>
  1588. </div>
  1589. </div>
  1590. </div>
  1591. </div>
  1592. </div>
  1593. </div>
  1594. <div class="divTable">
  1595. <div class="divTableRow">
  1596. <div class="divTableCell navigateContentCellWatanni">
  1597. <div id="closeWindowWapper" class="navigateContentWatanni">
  1598. <div class="unit">
  1599. <h3 data-bind="text: $root.episodeInfo.episodes.currentEpisode.episodeTitle"></h3>
  1600. <ul>
  1601. <li id="readFirstLink">
  1602. <div class="clearfix culumn">
  1603. <span class="link" data-bind="text:$root.utility.getGlobalizedString('closeDialog/thisBook/readFirst/title')"></span>
  1604. </div>
  1605. </li>
  1606. <li id="readNextLink">
  1607. <div class="clearfix culumn">
  1608. <span class="link" data-bind="text:$root.utility.getGlobalizedString('closeWindow/readNextEpisode/title')"></span>
  1609.  
  1610. </div>
  1611. </li>
  1612. <!--<li id="endReadLink">-->
  1613. <!--<div class="clearfix culumn">-->
  1614. <!--<span class="link"-->
  1615. <!--data-bind="text:$root.utility.getFormattedString('closeWindow/closeEpisodeWindow/template', [$root.utility.getGlobalizedString('closeWindow/serviceName/title')])"></span>-->
  1616. <!--</div>-->
  1617. <!--</li>-->
  1618. </ul>
  1619. </div>
  1620. </div>
  1621. </div>
  1622. </div>
  1623. </div>
  1624. </div>
  1625. </div>
  1626.  
  1627. <!-- ヘッダーのテンプレート -->
  1628. <div id="headerHost" class="templateDefaultStyle" style="visibility: hidden"></div>
  1629.  
  1630. <!-- 話単位ヘッダーのテンプレート -->
  1631. <div id="headerHostWatanni" class="templateDefaultStyle" style="visibility: hidden">
  1632. <div id="topnav">
  1633. <p id="sitelogo">
  1634. <span id="btn_ebookjapan" data-bind="attr: {style : $root.utility.getGlobalizedString('header/sitelogo/style')}"></span>
  1635. </p>
  1636. <ul id="sitenav_utility" class="clearfix">
  1637. <!-- ko ifnot: $root.isWatanni -->
  1638. <li>
  1639. <span id="btn_store" data-bind="text: $root.utility.getGlobalizedString('header/store/title')"></span>
  1640. </li>
  1641. <!-- ko if: !$root.isHontsuku -->
  1642. <li>
  1643. <span id="btn_bookshelf" data-bind="text: $root.utility.getGlobalizedString('header/bookShelf/title')"></span>
  1644. </li>
  1645.  
  1646. <!-- ko if: !$root.useWebView && localStorage.getItem(BR_ROOT.BR_global.storageName_baseKey + '.trunk.sessionID')-->
  1647. <li>
  1648. <span id="btn_logout" data-bind="text: $root.utility.getGlobalizedString('header/logout/title')"></span>
  1649. </li>
  1650. <!-- /ko -->
  1651. <!-- /ko -->
  1652. <li>
  1653. <span id="btn_help" data-bind="text: $root.utility.getGlobalizedString('header/help/title')"></span>
  1654. </li>
  1655. <!-- /ko -->
  1656. </ul>
  1657. </div>
  1658. <!-- ko if: $root.ecAPIUse == false -->
  1659. <div class="btn_left2">
  1660. <!-- ko if: !$root.useWebView -->
  1661. <!-- ko if: $root.isHontsuku -->
  1662. <span id="header_backBtn" class="btn inline" data-bind="text: $root.utility.getGlobalizedString('header/buttonBack/title')"></span>
  1663. <!-- /ko -->
  1664. <!-- /ko -->
  1665. </div>
  1666. <div class="btn_rightWatanni">
  1667.  
  1668. <!-- 拡大鏡 -->
  1669. <!-- ko if: $root.canShowMagnifierButton -->
  1670. <div class="divTableCell">
  1671. <div id="divButtonMagnifier" class="divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.magnifierButtonName }">
  1672. <img class="off visible" src="./img/magnifyingglass_off.png">
  1673. <img class="on" src="./img/magnifyingglass_on.png">
  1674. <img class="ng" src="./img/magnifyingglass_ng.png">
  1675. </div>
  1676. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.magnifierButtonName"></div>
  1677. </div>
  1678. <!-- /ko -->
  1679.  
  1680. <!-- 表示モード -->
  1681. <!-- ko if: $root.canShowModeChangeButton -->
  1682. <div class="divTableCell">
  1683. <div id="divModeChangeButton" class="divFooterToolButton modeChangeButton" data-bind="attr: { 'title' : $root.toolButtonNames.modeChangeButtonName }">
  1684. <img class="off visible" src="./img/hyouji_off@2x.png">
  1685. <img class="on" src="./img/hyouji_on@2x.png">
  1686. <img class="ng" src="./img/hyouji_ng@2x.png">
  1687. </div>
  1688. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.modeChangeButtonName"></div>
  1689. </div>
  1690. <!-- /ko -->
  1691. <div class="divTableCell">
  1692. <div class="divFooterToolButton divCloseButton" data-bind="attr : { 'title' : $root.utility.getGlobalizedString('footer/toolButtonNames/closeButtonWatanni/title') }">
  1693. <img class="off visible" src="./img/Watanni/dialog@2x.png">
  1694. <img class="on" src="./img/Watanni/dialog_on@2x.png">
  1695. </div>
  1696. </div>
  1697.  
  1698. </div>
  1699. <h2 id="header_bookname">
  1700. <span class="name watanni" data-bind="text: $root.headerBookTitle"></span>
  1701. </h2>
  1702. <!-- /ko -->
  1703. <!-- ko ifnot: $root.ecAPIUse == false -->
  1704. <div class="btn_left2">
  1705. <!-- ko if: !$root.useWebView -->
  1706. <!-- ko if: $root.isHontsuku -->
  1707. <span id="header_backBtn" class="btn inline" data-bind="text: $root.utility.getGlobalizedString('header/buttonBack/title')"></span>
  1708. <!-- /ko -->
  1709. <!-- /ko -->
  1710. <!--<span id="header_historyBtn" class="btn inline">履歴</span>-->
  1711. </div>
  1712. <div class="btn_rightWatanni">
  1713.  
  1714. <!-- ko if: $root.ecAPIUse == true && $root.EC_thisBook.titleBookBrowserSpecialFlag != true && $root.tachiyomiBook == true -->
  1715. <a id="header_buyBtn" class="btn buy inline" data-bind="attr : { href : $root.getBuyURL($root.EC_thisBook.titleBookSKU, $root.EC_thisBook.titleBookBookID) }, text: $root.utility.getGlobalizedString('closeDialog/buttonPurchase_not_purchased/title')"></a>
  1716. <!-- /ko -->
  1717.  
  1718. <!-- 拡大鏡 -->
  1719. <!-- ko if: $root.canShowMagnifierButton -->
  1720. <div class="divTableCell">
  1721. <div id="divButtonMagnifier" class="divFooterToolButton" data-bind="attr: { 'title' : $root.toolButtonNames.magnifierButtonName }">
  1722. <img class="off visible" src="./img/magnifyingglass_off.png">
  1723. <img class="on" src="./img/magnifyingglass_on.png">
  1724. <img class="ng" src="./img/magnifyingglass_ng.png">
  1725. </div>
  1726. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.magnifierButtonName"></div>
  1727. </div>
  1728. <!-- /ko -->
  1729.  
  1730. <!-- 表示モード -->
  1731. <!-- ko if: $root.canShowModeChangeButton -->
  1732. <div class="divTableCell">
  1733. <div id="divModeChangeButton" class="divFooterToolButton modeChangeButton" data-bind="attr: { 'title' : $root.toolButtonNames.modeChangeButtonName }">
  1734. <img class="off visible" src="./img/hyouji_off@2x.png">
  1735. <img class="on" src="./img/hyouji_on@2x.png">
  1736. <img class="ng" src="./img/hyouji_ng@2x.png">
  1737. </div>
  1738. <div class="divIconSupportString" data-bind="text: $root.toolButtonNames.modeChangeButtonName"></div>
  1739. </div>
  1740. <!-- /ko -->
  1741. <div class="divTableCell">
  1742. <div class="divFooterToolButton divCloseButton" data-bind="attr : { 'title' : $root.utility.getGlobalizedString('footer/toolButtonNames/closeButton/title') }">
  1743. <img class="off visible" src="./img/Watanni/dialog@2x.png">
  1744. <img class="on" src="./img/Watanni/dialog_on@2x.png">
  1745. </div>
  1746. </div>
  1747. </div>
  1748. <h2 id="header_bookname">
  1749. <span class="name" data-bind="text: $root.headerBookTitle"></span>
  1750. <!-- ko if: $root.titleBookBrowserSpecialFlag != true && $root.tachiyomiBook == true -->
  1751. <span class="price" data-bind="text: $root.utility.getGlobalizedString('header/nonFree/title') + '&nbsp;' + $root.titleBookPrice"></span>
  1752. <!-- /ko -->
  1753. </h2>
  1754. <!-- /ko -->
  1755. </div>
  1756.  
  1757. <!-- ブックマーク画像選択ダイアログのテンプレート格納用 -->
  1758. <div id="linkTemplateBookmarkDesignSelect"></div>
  1759.  
  1760. <!-- 右クリックメニュー 付箋用 -->
  1761. <div style="display: none;" class="contextMenu" id="viewerMarkerContextMenu">
  1762. <ul id="viewerMarkerContextMenuList">
  1763. <li id="remove">付箋を取る</li>
  1764. </ul>
  1765. </div>
  1766.  
  1767. <!-- 右クリックメニュー 付箋リスト用 -->
  1768. <div style="display: none;" class="contextMenu" id="markerListContextMenu">
  1769. <ul id="markerListContextMenuList">
  1770. <li id="move">ページ移動</li>
  1771. <li id="delete">削除</li>
  1772. </ul>
  1773. </div>
  1774.  
  1775.  
  1776.  
  1777. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!