☰

InoReader Scroll Marker

Display the marker of page scroll in InoReader. / InoReaderでページスクロールしたときにマーカーを表示します。

目前为 2014-05-17 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name    InoReader Scroll Marker
  3. // @description    Display the marker of page scroll in InoReader. / InoReaderでページスクロールしたときにマーカーを表示します。
  4. // @id    InoReaderScrollMarker
  5. // @namespace    http://userscripts.org/scripts/show/173921
  6. // @homepage    https://greasyfork.org/scripts/894-inoreader-scroll-marker
  7. // @include    http://inoreader.com/*
  8. // @include    https://inoreader.com/*
  9. // @include    http://www.inoreader.com/*
  10. // @include    https://www.inoreader.com/*
  11. // @include    http://beta.inoreader.com/*
  12. // @include    https://beta.inoreader.com/*
  13. // @include    http://us.inoreader.com/*
  14. // @include    https://us.inoreader.com/*
  15. // @exclude    *inoreader.com/stream/*
  16. // @exclude    *inoreader.com/m/*
  17. // @version    1.10a
  18. // @grant    GM_addStyle
  19. // ==/UserScript==
  20.  
  21. (function() {
  22. 'use strict';
  23.  
  24. if (!/InoReader/.test(document.title)) return;
  25. try {
  26.   if (typeof localStorage !== 'object') return window.alert('IRSM Error: DOM Storage');
  27. } catch (er) {
  28.   return window.alert('IRSM Error: DOM Storage');
  29. }
  30. var $id = function(id) {
  31.   return document.getElementById(id);
  32. }, iInit;
  33.  
  34. var init = function() {
  35.   var nScrPos = 0,
  36.     nCheck = 0,
  37.     nTime = 750,
  38.     shift = false,
  39.     exUpKey, exUpCode, exUpShift, exDownKey, exDownCode, exDownShift,
  40.     exOpenKey, exOpenCode, exOpenShift, exSpaceKey, exSpaceCode, exSpaceShift,
  41.     exSSpaceKey, exSSpaceCode, exSSpaceShift, articleID, iMarker, iIrkc, st;
  42.   var ism = document.createElement('div');
  43.   ism.id = 'irsm_scroll_marker';
  44.   $id('reader_pane').insertBefore(ism, $id('reader_pane').firstChild);
  45.   new MutationObserver(function() {
  46.     var rp = $id('reader_pane');
  47.     if (!$id('irsm_scroll_marker') && rp.childNodes.length) {
  48.       rp.insertBefore(ism, rp.firstChild);
  49.     }
  50.   }).observe($id('reader_pane'), {
  51.     childList: true
  52.   });
  53.   var CSS = '#irsm_settings { display: none; color: black; position: absolute; top: 68px; left: 68px; z-index: 90200; background: rgba(255, 255, 255, 0.98); border: 1px solid #999999; border-radius: 4px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }' +
  54.     '#irsm_s_titlebar { background-color: #666666; border-radius: 4px 4px 0 0; padding: 2px 0 0 4px; height: 2em; min-width: 20em; -moz-user-select: none; -webkit-user-select: none; }' +
  55.     '#irsm_s_title a { font-size: 110%; font-weight: bold; color: white; text-decoration: none; }' +
  56.     '#irsm_s_title a:hover { color: #FFFF99; }' +
  57.     '#irsm_s_btn { position: absolute; top: 2px; right: 4px; }' +
  58.     '#irsm_s_ok { margin-right: 0.5em; padding: 0 2em; }' +
  59.     '#irsm_s_cancel { padding: 0 1ex; }' +
  60.     '#irsm_s_ok, #irsm_s_cancel { font-size: 80%; }' +
  61.     '#irsm_s_body { padding: 0.5em 1em; min-width: 30em; }' +
  62.     '#irsm_s_body fieldset { margin: 4px 2px; background: rgba(255, 255, 255, 0); }' +
  63.     '#irsm_s_body input { margin-left: 0.5em; text-align: center; width: 6ex; }' +
  64.     '#irsm_s_body input[type="checkbox"] { vertical-align: middle; width: auto; }' +
  65.     '#irsm_s_time { vertical-align: inherit; }' +
  66.     '#irsm_scroll_marker { position: absolute; width: 100%; height: 4px; margin-top: -2px; background: rgba(255,0,0,0.25); display: none; z-index: 9000; }' +
  67.     '.irsm_s_hide { display: none; }';
  68.   GM_addStyle(CSS);
  69.  
  70.   var locale_ja = [
  71.     '設定',
  72.     'キャンセル',
  73.     'マーカーを表示する時間 (ミリ秒):',
  74.     'マーカーを表示するショートカットキー'
  75.   ];
  76.   var locale_en = [
  77.     'Settings',
  78.     'Cancel',
  79.     'Time to display the marker (msec):',
  80.     'Keyboard shortcut to display the marker'
  81.   ];
  82.   var loc = (window.navigator.language === 'ja') ? locale_ja : locale_en;
  83.  
  84.   var currentEntry = function() {
  85.     if ($id('article_dialog')) {
  86.       return document.evaluate('id("article_dialog")/div[@class="article_full_contents"]', document, null, 9, null).singleNodeValue;
  87.     }
  88.     if ($id('three_way_contents') && $id('three_way_contents').style.display !== 'none' && $id('reader_pane').getElementsByClassName('article_current article_current_3way')[0]) {
  89.       return document.evaluate('id("three_way_contents")/div[@class="article_full_contents"][last()]', document, null, 9, null).singleNodeValue;
  90.     }
  91.     if ($id('subscriptions_articles')) {
  92.       return document.evaluate('id("subscriptions_articles")/div[contains(concat(" ", normalize-space(@class), " "), " article_current ")]', document, null, 9, null).singleNodeValue;
  93.     }
  94.     return document.evaluate('id("reader_pane")//div[contains(concat(" ", normalize-space(@class), " "), " article_current ")]', document, null, 9, null).singleNodeValue;
  95.   };
  96.  
  97.   var checkArticle = function(e, key) {
  98.     var btn = $id('view_style_img'),
  99.       rp = $id('reader_pane');
  100.     if (((rp && rp.classList.contains('reader_pane_view_style_1')) || (btn && btn.hasAttribute('src') && btn.getAttribute('src') !== 'images/application-image.png')) && (e.keyCode === 32 || e.keyCode === exSpaceCode || e.keyCode === exSSpaceCode)) {
  101.       var ce = currentEntry();
  102.       if (key === 'down') {
  103.         if (ce && ce.id) return ce.id;
  104.         else if (articleID) return articleID;
  105.         else return '';
  106.       } else if (key === 'up') {
  107.         if (ce && ce.id && ce.id !== articleID) {
  108.           return true;
  109.         } else return false;
  110.       } else return false;
  111.     } else return false;
  112.   };
  113.  
  114.   var exKey = function() {
  115.     if ($id('irkc_key-PageUp')) {
  116.       exUpKey = $id('irkc_key-PageUp').value;
  117.       if (exUpKey) {
  118.         exUpCode = (/^[%&]$/.test(exUpKey)) ? 32 : exUpKey.toUpperCase().charCodeAt(0);
  119.         exUpShift = (isNaN(exUpKey) && exUpKey === exUpKey.toUpperCase() && exUpKey !== '&') ? true : false;
  120.       }
  121.     }
  122.     if ($id('irkc_key-PageDown')) {
  123.       exDownKey = $id('irkc_key-PageDown').value;
  124.       if (exDownKey) {
  125.         exDownCode = (/^[%&]$/.test(exDownKey)) ? 32 : exDownKey.toUpperCase().charCodeAt(0);
  126.         exDownShift = (isNaN(exDownKey) && exDownKey === exDownKey.toUpperCase() && exDownKey !== '&') ? true : false;
  127.       }
  128.     }
  129.     if ($id('irkc_key-space')) {
  130.       exSpaceKey = $id('irkc_key-space').value;
  131.       if (exSpaceKey) {
  132.         exSpaceCode = (/^[%&]$/.test(exSpaceKey)) ? 32 : exSpaceKey.toUpperCase().charCodeAt(0);
  133.         exSpaceShift = (isNaN(exSpaceKey) && exSpaceKey === exSpaceKey.toUpperCase() && exSpaceKey !== '&') ? true : false;
  134.       }
  135.     }
  136.     if ($id('irkc_key-SPACE')) {
  137.       exSSpaceKey = $id('irkc_key-SPACE').value;
  138.       if (exSSpaceKey) {
  139.         exSSpaceCode = (/^[%&]$/.test(exSSpaceKey)) ? 32 : exSSpaceKey.toUpperCase().charCodeAt(0);
  140.         exSSpaceShift = (isNaN(exSSpaceKey) && exSSpaceKey === exSSpaceKey.toUpperCase() && exSSpaceKey !== '&') ? true : false;
  141.       }
  142.     }
  143.     if ($id('irkc_key-o')) {
  144.       exOpenKey = $id('irkc_key-o').value;
  145.       if (exOpenKey) {
  146.         exOpenCode = (/^[%&]$/.test(exOpenKey)) ? 32 : exOpenKey.toUpperCase().charCodeAt(0);
  147.         exOpenShift = (isNaN(exOpenKey) && exOpenKey === exOpenKey.toUpperCase() && exOpenKey !== '&') ? true : false;
  148.       }
  149.     }
  150.   };
  151.  
  152.   var checkIrkc = function() {
  153.     if ($id('irkc_ok')) {
  154.       window.clearInterval(iIrkc);
  155.       $id('irkc_ok').addEventListener('click', function() {
  156.         exKey();
  157.       }, false);
  158.       exKey();
  159.     } else if (nCheck < 99) nCheck++;
  160.     else window.clearInterval(iIrkc);
  161.   };
  162.  
  163.   var viewSettings = function() {
  164.     if ($id('irsm_settings').style.display === 'block') {
  165.       $id('irsm_settings').style.display = 'none';
  166.       return;
  167.     }
  168.     $id('irsm_s_time').value = st.time;
  169.     $id('irsm_s_key_page').checked = (st.key_page) ? true : false;
  170.     $id('irsm_s_key_space').checked = (st.key_space) ? true : false;
  171.     $id('irsm_settings').style.display = 'block';
  172.   };
  173.  
  174.   var loadSettings = function() {
  175.     st = {};
  176.     try {
  177.       st = JSON.parse(localStorage.getItem('InoReaderScrollMarker_settings')) || {};
  178.     } catch (er) {
  179.       window.alert('IRSM Error: Load Settings');
  180.     }
  181.     var notB = function(a) {
  182.       return (typeof a !== 'boolean') ? true : false;
  183.     };
  184.     var notN = function(a) {
  185.       return (typeof a !== 'number') ? true : false;
  186.     };
  187.     if (notN(st.time)) st.time = nTime;
  188.     if (notB(st.key_page)) st.key_page = true;
  189.     if (notB(st.key_space)) st.key_space = true;
  190.   };
  191.  
  192.   var saveSettings = function() {
  193.     try {
  194.       localStorage.setItem('InoReaderScrollMarker_settings', JSON.stringify(st));
  195.     } catch (er) {
  196.       window.alert('IRSM Error: Save Settings');
  197.     }
  198.   };
  199.  
  200.   var div = document.createElement('div');
  201.   div.id = 'irsm_settings';
  202.   document.body.appendChild(div);
  203.   $id('irsm_settings').innerHTML = '<div id="irsm_s_titlebar"><div id="irsm_s_title"><a href="https://greasyfork.org/scripts/894-inoreader-scroll-marker" target="_blank">InoReader Scroll Marker ' + loc[0] + '</a></div><div id="irsm_s_btn"><input type="button" id="irsm_s_ok" value="OK"><input type="button" id="irsm_s_cancel" value="' + loc[1] + '"></div></div><div id="irsm_s_body"><label>' + loc[2] + '<input id="irsm_s_time" type="text" maxlength="4"></label><fieldset><legend>' + loc[3] + ' : </legend><label><input id="irsm_s_key_page" type="checkbox">PageUp / PageDown</label><br><label><input id="irsm_s_key_space" type="checkbox">Space / Shift+Space</label></fieldset></div>';
  204.  
  205.   var menu = $id('sb_rp_settings_menu'),
  206.     pqm = $id('preferences_quick_main'),
  207.     item = document.createElement('div');
  208.   item.id = 'irsm_settings-menu';
  209.   item.innerHTML = 'Scroll Marker ' + loc[0];
  210.   if (menu) {
  211.     item.className = 'inno_toolbar_button_menu_item';
  212.     var menuList = menu.children;
  213.     if (!menuList[menuList.length - 1].id) {
  214.       var line = document.createElement('div');
  215.       line.className = 'inno_toolbar_button_menu_line';
  216.       menu.insertBefore(line, menu.lastChild.nextSibling);
  217.     }
  218.     menu.insertBefore(item, menu.lastChild.nextSibling);
  219.   } else if ($id('quick_options') && pqm) {
  220.     item.className = 'quick_options_link';
  221.     pqm.insertBefore(item, pqm.lastChild.nextSibling);
  222.   }
  223.  
  224.   document.addEventListener('keydown', function(e) {
  225.     var eRp = $id('reader_pane');
  226.     if (eRp && !/^input|^textarea/i.test(e.target.tagName) && st.time !== 0) {
  227.       if (
  228.         (st.key_page && e.keyCode === 33) ||
  229.         (st.key_page && e.keyCode === 34) ||
  230.         (st.key_page && exUpKey && e.keyCode === exUpCode) ||
  231.         (st.key_page && exDownKey && e.keyCode === exDownCode) ||
  232.         (st.key_space && e.keyCode === 32 && exSpaceKey !== '&') ||
  233.         (st.key_space && e.keyCode === 32 && e.shiftKey && exSSpaceKey !== '%') ||
  234.         (st.key_space && exSpaceKey && e.keyCode === exSpaceCode) ||
  235.         (st.key_space && exSSpaceKey && e.keyCode === exSSpaceCode)
  236.       ) {
  237.         if (
  238.           (exUpCode !== exDownCode && (
  239.             (e.keyCode === exUpCode && e.shiftKey !== exUpShift) ||
  240.             (e.keyCode === exDownCode && e.shiftKey !== exDownShift)
  241.           )) ||
  242.           (exSpaceCode !== exSSpaceCode && (
  243.             (e.keyCode === exSpaceCode && e.shiftKey !== exSpaceShift) ||
  244.             (e.keyCode === exSSpaceCode && e.shiftKey !== exSSpaceShift)
  245.           ))
  246.         ) return;
  247.         articleID = checkArticle(e, 'down');
  248.         ism.style.display = 'none';
  249.         nScrPos = eRp.scrollTop;
  250.         if (e.shiftKey) shift = true;
  251.       } else if (e.keyCode === 13 || (!exOpenKey && e.keyCode === 79) || (exOpenKey && e.keyCode === exOpenCode && e.shiftKey === exOpenShift)) {
  252.         var ac = currentEntry();
  253.         if (ac) {
  254.           window.clearTimeout(iMarker);
  255.           ism.style.display = 'none';
  256.         }
  257.       } else if (ism.style.display !== 'none') {
  258.         window.clearTimeout(iMarker);
  259.         ism.style.display = 'none';
  260.       }
  261.     }
  262.   }, true);
  263.  
  264.   document.addEventListener('keyup', function(e) {
  265.     var eRp = $id('reader_pane'),
  266.       soh = 0,
  267.       sst = 0;
  268.     if (eRp && !/^input|^textarea/i.test(e.target.tagName) && st.time !== 0) {
  269.       soh = eRp.offsetHeight;
  270.       sst = eRp.scrollTop;
  271.       if (
  272.         (st.key_page && e.keyCode === 33) ||
  273.         (st.key_page && exUpKey && e.keyCode === exUpCode && (e.shiftKey === exUpShift || shift)) ||
  274.         (st.key_space && e.keyCode === 32 && e.shiftKey && exSSpaceKey !== '%') ||
  275.         (st.key_space && exSSpaceKey && e.keyCode === exSSpaceCode && (e.shiftKey === exSSpaceShift || shift))
  276.       ) {
  277.         if (nScrPos !== sst) {
  278.           if (checkArticle(e, 'up')) {
  279.             articleID = '';
  280.             return;
  281.           }
  282.           ism.style.display = 'block';
  283.           ism.style.top = (nScrPos - (ism.scrollHeight / 2)) + 'px';
  284.           window.clearTimeout(iMarker);
  285.           if (st.time > 0) {
  286.             iMarker = window.setTimeout(function() {
  287.               window.clearTimeout(iMarker);
  288.               ism.style.display = 'none';
  289.             }, st.time);
  290.           }
  291.         }
  292.         shift = false;
  293.       } else if (
  294.         (st.key_page && e.keyCode === 34) ||
  295.         (st.key_page && exDownKey && e.keyCode === exDownCode && (e.shiftKey === exDownShift || shift)) ||
  296.         (st.key_space && e.keyCode === 32 && !e.shiftKey && exSpaceKey !== '&') ||
  297.         (st.key_space && exSpaceKey && e.keyCode === exSpaceCode && (e.shiftKey === exSpaceShift || shift))
  298.       ) {
  299.         if (nScrPos !== sst) {
  300.           if (checkArticle(e, 'up')) {
  301.             articleID = '';
  302.             return;
  303.           }
  304.           ism.style.display = 'block';
  305.           ism.style.top = (nScrPos + soh - (ism.scrollHeight / 2)) + 'px';
  306.           window.clearTimeout(iMarker);
  307.           if (st.time > 0) {
  308.             iMarker = window.setTimeout(function() {
  309.               window.clearTimeout(iMarker);
  310.               ism.style.display = 'none';
  311.             }, st.time);
  312.           }
  313.         }
  314.         shift = false;
  315.       }
  316.     }
  317.   }, true);
  318.  
  319.   document.addEventListener('click', function(e) {
  320.     if (e.button >= 2) return;
  321.     if (e.target.id === 'irsm_settings-menu') {
  322.       viewSettings();
  323.     } else if (e.target.id === 'irsm_s_ok') {
  324.       var time = $id('irsm_s_time').value,
  325.         problem = false;
  326.       if (time === '' || /^\s+$/.test(time)) st.time = nTime;
  327.       else if (time && !isNaN(time)) st.time = Number(time);
  328.       else problem = true;
  329.       if (!problem) {
  330.         st.key_page = $id('irsm_s_key_page').checked;
  331.         st.key_space = $id('irsm_s_key_space').checked;
  332.         $id('irsm_s_ok').blur();
  333.         $id('irsm_settings').style.display = 'none';
  334.         saveSettings();
  335.       }
  336.     } else if (e.target.id === 'irsm_s_cancel') {
  337.       $id('irsm_s_cancel').blur();
  338.       $id('irsm_settings').style.display = 'none';
  339.     } else if (ism.style.display !== 'none') {
  340.       window.clearTimeout(iMarker);
  341.       ism.style.display = 'none';
  342.     }
  343.   }, false);
  344.  
  345.   loadSettings();
  346.   iIrkc = window.setInterval(function() {
  347.     checkIrkc();
  348.   }, 250);
  349.  
  350.   $id('irsm_s_titlebar').addEventListener('dblclick', function(e) {
  351.     if (e.target.nodeName === 'DIV') {
  352.       $id('irsm_s_body').classList.toggle('irsm_s_hide');
  353.       $id('irsm_s_btn').classList.toggle('irsm_s_hide');
  354.     }
  355.   }, false);
  356. };
  357.  
  358. iInit = window.setInterval(function() {
  359.   if ($id('tree') && $id('tree').innerHTML && $id('unread_cnt_top')) {
  360.     window.clearInterval(iInit);
  361.     window.setTimeout(function() {
  362.       init();
  363.     }, 1000);
  364.   }
  365. }, 500);
  366.  
  367. })();