☰

Y-marker

Sets up keyboard shortcuts for placing bookmarks and navigation inside webpage.

  1. // ==UserScript==
  2. // @name        Y-marker
  3. // @namespace   trespassersW
  4. // @description Sets up keyboard shortcuts for placing bookmarks and navigation inside webpage.
  5. // @include        http://*
  6. // @include        https://*
  7. // @include        file://*
  8. // ** about:config -> greasemonkey.fileIsGreaseable <- true
  9. // @version 16.03.04
  10. // @license  MIT
  11. // @released 2013-12-11
  12. // @run-at document-end
  13. // @grant GM_getValue
  14. // @grant GM_setValue
  15. // @grant GM_registerMenuCommand
  16. // @grant unsafeWindow
  17. // ==/UserScript==
  18. /*  
  19.  16.03.04 bookmarklets works in chrome
  20.  16.02.26 
  21.   [+] hotkey configuration dialogue invoked from GM menu;
  22.   [+] Bookmarlets interface: 
  23.    javascript:postMessage('Y-marker0','*') - jump to bookmark # 0
  24.    javascript:postMessage('Y-marker0=','*') - set up bookmark #0
  25.  16.02.22 
  26.   [+] press Alt-Shift-0 twice to set starting Y-position for whole domain; 
  27. * 13-12-12 click on msg removes all marks
  28. * 1.1 don't run in editable fields
  29. */
  30. (function(){ "use strict";
  31. if(top!=self || !document || !document.body ) return;
  32. var W = unsafeWindow || window; // localStorage doesn't live in sandbox?
  33. /* key kombinations to invoke the skript */
  34. var kShift = 1,  kCtrl = 2, kAlt = 4, kWin = 8; 
  35. var kJump = kAlt; 
  36. var kMark = kAlt+kShift;
  37.  
  38. /* sec; 0 to disable; -1 status bar only */
  39. var tipShowtime = 2.2;  
  40.  
  41. var kNobs = "-0123456789";
  42. var kKeys = { 
  43.  173: 0, 48: 1, 49: 2, 50: 3, 51: 4, 52: 5, 53: 6, 54: 7, 55: 8, 56: 9, 57: 10,
  44.  189: 0, /* chrome, opera caps lock */
  45.  109: 0  /* opera */
  46. };
  47. var minus1="-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1",
  48.     min1=minus1.split(',');
  49. var LH=location.hostname || "Ym", LHP=LH+location.pathname;
  50.  
  51. function kNob(k){ return kNobs.charAt(k); }
  52.  
  53. var U=undefined, D=window.document;
  54. var _L=  function() {};
  55. //_L=console.log.bind(console);
  56.  
  57. var statMsg;
  58. function msg(t,k, y){
  59.  statMsg = "";
  60.  if(U!==k)
  61.   statMsg += "["+kNob(k)+"] ";
  62.  if(U!==y)
  63.   statMsg += ""+pt(y)+"% ";
  64.  statMsg += t;
  65. }
  66.  
  67. var locStor,locStored;
  68.  
  69. // see SQlite manager -> %FFpath%\webappstore.sqlite -> find -> key -> contains Ym#
  70.  
  71. try {
  72.   locStor = W.localStorage;
  73.   locStored=locStor.getItem("Ym#"+location.pathname);
  74. } catch(e){ locStor = locStored =null;  };
  75.   
  76. function pt(y) {
  77.  try{
  78.   y =Math.round(y*1000/(document.body.scrollHeight+1))/10;
  79.   if(y>111.1) y=111.1;
  80.  }catch(e){console.log("math\n"+e); return -1}
  81.  return y;
  82. }
  83.  
  84. var Ym;
  85. var pz;
  86.  
  87. function ldYm(){
  88.   var s,t,y;
  89.   if(locStor && locStored){
  90.     pz=locStored.split(",");
  91.     svYm();
  92.     locStor.removeItem("Ym#"+location.pathname);
  93.     console.log('Ym: locS -> GM_S '+LHP);
  94.     locStor = locStored = null;
  95.   }
  96.   s=GM_getValue(Ym,null);
  97.   if(!s){ s=minus1;
  98.   }else {
  99.    try{ y=JSON.parse(s);
  100.    }catch(e){console.log('ldYm: buggy data\n'+e)};
  101.    s=y[LHP] || y[LH] || minus1;
  102.   }
  103.  
  104.   pz=s.split(",");
  105.   if(y && (y=y['#HotKeys#'])){
  106.    kJump = +y[0], kMark = +y[1];
  107.   }
  108. }
  109.  
  110. function svYm(d){
  111.  var y={},s=pz.join(",");
  112.  try{
  113.    y=JSON.parse(GM_getValue(Ym,'{}'));
  114.  }catch(e){console.log('svYm: buggy data\n'+e);}
  115.  if(!d) y[LHP]= s; 
  116.  else if(d==='#'){
  117.    y['#HotKeys#']=[kJump,kMark];
  118.  }else{ //  marker for whole domain
  119.    y[LH]= s;
  120.  }
  121.  GM_setValue(Ym,JSON.stringify(y));
  122. }
  123.  
  124. function rmYm(){
  125.  var y={};
  126.  try{
  127.    y=JSON.parse(GM_getValue(Ym,'{}'));
  128.  }catch(e){console.log('rmYm: buggy data\n'+e); y={}; }
  129.   if(y[LH]) delete y[LH],  _L("rmH: " +LH);
  130.   if(y[LHP]) delete y[LHP],  _L("rmHP: " +LHP);
  131.  GM_setValue(Ym,JSON.stringify(y));
  132.  pz=min1;
  133. }
  134.  
  135. function jumpY(k){
  136.  var y=pz[k];
  137.  if(y > -1) {
  138.    if( y!= scrollY ){
  139.     pz[0] = scrollY;
  140.     scroll(0,y);
  141.     msg("jump",k,y);
  142.    }else
  143.     msg("here",k,y); 
  144.    return 1;
  145.  }
  146.  msg("none",k); 
  147.  return 0;
  148. }
  149.  
  150. function markY(k){
  151.  var d="";
  152.  if(k==1 && scrollY == pz[k] ) d="!";
  153.  pz[k]=scrollY;
  154.  if(k>=1)
  155.   svYm(d);
  156.  msg("mark"+d,k,pz[k]);
  157.  return 1;
  158. }
  159.  
  160. var kMap= {16: kShift, 17:kCtrl, 18: kAlt, 91: kWin};
  161. var keyMod=0;
  162. var kkWin= (kMark | kJump) & kWin;
  163.  
  164. function klear(e) { 
  165.  var k= e.keyCode; 
  166.  if(!k) return;
  167.  var km=kMap[k];
  168.  if(km) {
  169.   keyMod &= -1 ^ km;
  170.  }
  171. }
  172.  
  173. function onKeydown(e) {
  174.  try{
  175.  var rc=0, k= e.keyCode; 
  176.  if(!k) return;
  177.  // Don't run in input, select, textarea etc.
  178.  var E = D.activeElement.tagName.toLowerCase();
  179.  if (E == "input" || E == "select" || E == "textarea" ||
  180.     (E=D.activeElement.contentEditable) == "true" ||
  181.      E == "") 
  182.    {  keyMod = 0; return; }
  183.  
  184.  var km =kMap[k]; // ff doesnt track metaKey. stsuko
  185.  if(km) {
  186.    keyMod |= km;
  187.    if( kkWin && km === kWin ) //???
  188.     e.preventDefault(), e.stopPropagation();
  189.    return;
  190.  }
  191.  km=keyMod; 
  192.  if( U=== (k=kKeys[k]) ){ keyMod = 0; return; }
  193.  if( km === kJump ) {
  194.    rc = jumpY(k);
  195.  }else if( km === kMark ) {
  196.    rc = markY(k);
  197.  }else {
  198.   return;
  199.  }
  200.  statSay();
  201.  if(rc) e.preventDefault(),e.stopPropagation();
  202.  }catch(e){console.log('smth wromg\n'+e)};
  203. }
  204.  
  205. function mk(p, t, id, s) {
  206.   var e = D.createElement(t);
  207.   e.id=id;
  208.   e.style.cssText = s;
  209.   return p.appendChild(e);
  210. };
  211.  
  212. /* RIP status bar replacement */
  213. var sb;
  214. function _css(){ 
  215. if(!sb) sb = mk(
  216. //D.body, 
  217. D.documentElement, // 2014-06-30 ???!!1 
  218. 'section', "Y-marker-userjs-inf",
  219. "position: fixed!important;\
  220. z-index: 214748!important;\
  221. top: 0px; right: 1px; bottom: auto; left: auto;\
  222. background: rgba(221,255,221,.75)!important;\
  223. padding: 2px 3px 2px 8px; margin:0;\
  224. border: none;\
  225. border-radius: 12px 3px 3px 12px;\
  226. color: #131!important;\
  227. opacity: 1; display:none;\
  228. font: normal 12px/14px sans-serif !important;\
  229. text-shadow: #373 2px 2px 4px, #7F7 -2px -2px 4px;\
  230. cursor:no-drop;\
  231. "
  232. );
  233. /* click removes all  */
  234. if(tipShowtime>0){
  235.  sb.addEventListener("click",function (e) {
  236.   rmYm(); //locStor.removeItem(Ym);
  237.   ldYm(); noTout();
  238.  },false);
  239. };
  240. }
  241.  
  242.  
  243. var tO;
  244. function onTout(){
  245.  tO=0; sb.style.display="none";
  246. }
  247. function noTout(){ 
  248.  if(tO) clearTimeout(tO), onTout();
  249. }
  250.  
  251. function statSay(t) {
  252.  if(statMsg){
  253.  _css();
  254.    if(tipShowtime) 
  255.      W.status=statMsg;
  256.    if(tipShowtime>0){
  257.      noTout();
  258.      sb.innerHTML= statMsg;
  259.      sb.style.display="block";
  260.      tO=setTimeout(onTout, (t? t: tipShowtime)*1000);
  261.    }
  262.  } 
  263.  statMsg="";
  264. }
  265.  
  266. Ym="Ym#";//+location.pathname;
  267.  
  268. ldYm();
  269. for(var k=1; k<2; k++){ /* pz.length */
  270.  if(pz[k]>-1){ 
  271.   scroll(0,pz[k]); 
  272.   msg('jump',k,pz[k]);
  273.   statSay(5);
  274.   break; 
  275.  }
  276. };
  277.  
  278. function $i(id, parent){
  279. 	return (parent || document).getElementById(id)
  280. }
  281.  
  282. var hk;
  283. function saveHk(){
  284.  function K(id, b)
  285.  { return $i('Ym-bt'+id).checked? b: 0 }
  286.   kJump=K('JS',kShift)|K('JA',kAlt)|K('JW',kWin)|K('JC',kCtrl);
  287.   kMark=K('MS',kShift)|K('MA',kAlt)|K('MW',kWin)|K('MC',kCtrl);
  288.   svYm('#');
  289. }
  290.  
  291. function setKeys(){
  292.  function J(j){return kJump&j? 'checked': ''}
  293.  function M(m){return kMark&m? 'checked': ''}
  294.   if(hk)   hk.parentNode.removeChild(hk);
  295.   hk = D.createElement('section');
  296.   hk.style.cssText = 
  297. "position: fixed!important;\
  298. z-index: 214748!important;\
  299. top: 10px; left: 16px; bottom: auto; right: auto;\
  300. background: rgb(221,255,221)!important;\
  301. padding: 4px; margin:0;\
  302. border: 1px solid #131;\
  303. border-radius: 3px; \
  304. color: #131!important;\
  305. opacity: 1; display:block;\
  306. font: normal 12px/14px sans-serif !important;\
  307. ";
  308.   hk.innerHTML=('\
  309. <form style="padding:0;margin:0"><b>\
  310. <center style="padding-bottom:.5em">Y-marker hotkeys</center></b>\
  311. <b style="width:3em;display:inline-block;">Jump</b>: &nbsp;&nbsp;\
  312. Shift<input type=checkbox id=Ym-btJS '+J(kShift)+'> &nbsp;&nbsp;\
  313. Alt<input type=checkbox id=Ym-btJA '+J(kAlt)+'> &nbsp;&nbsp;\
  314. Win<input type=checkbox id=Ym-btJW '+J(kWin)+'> &nbsp;&nbsp;\
  315. Ctrl<input type=checkbox id=Ym-btJC '+J(kCtrl)+'> <br>\
  316. <b style="width:3em;display:inline-block;">Mark</b>: &nbsp;&nbsp;\
  317. Shift<input type=checkbox id=Ym-btMS '+M(kShift)+'> &nbsp;&nbsp;\
  318. Alt<input type=checkbox id=Ym-btMA '+M(kAlt)+'> &nbsp;&nbsp;\
  319. Win<input type=checkbox id=Ym-btMW '+M(kWin)+'> &nbsp;&nbsp;\
  320. Ctrl<input type=checkbox id=Ym-btMC '+M(kCtrl)+'><hr><center>\
  321. <input type="button" tabIndex=1 value="Save" id="Ym-btSave"> &nbsp;\
  322. <input type="button" tabIndex=2 value="Cancel" id="Ym-btCancel">\
  323. </center></form>\
  324. ');
  325. hk.addEventListener("click",function(e){
  326.  var t= e.target,c=0;
  327.  if(!t || !t.id) return;
  328.  if(t.id=="Ym-btSave")try{
  329.    c=1;
  330.    saveHk();
  331.  }catch(e){console.log("Ym: problem in hotkey dialog\n"+e)}
  332.  else if(t.id=="Ym-btCancel"){
  333.    c=1;
  334.  }
  335.  if(c){
  336.    e.preventDefault(), e.stopPropagation();
  337.    hk.parentNode.removeChild(hk),hk=null;
  338.  }
  339. },false);
  340.  D.documentElement.appendChild(hk);
  341. }
  342.  
  343. function wMsg(e){
  344.  //event.source!=window in Chrome
  345.  if(typeof e.data==='string' && e.data.substr(0,8)==='Y-marker'){
  346.   e.stopPropagation();
  347.   if(e.data === 'Y-marker hotkeys')
  348.     return setKeys();
  349.   var m=e.data.match(/Y-marker\s*([0-9-])(\=?)/);
  350.   var p = (m[1]==='-')?0: +m[1]+1;
  351.   if(m[2])
  352.     markY(p);
  353.   else
  354.     jumpY(p);
  355.   statSay();
  356.  } 
  357. }
  358.  
  359. addEventListener("keydown",onKeydown,false);
  360. addEventListener("keyup",klear,false);
  361. GM_registerMenuCommand("Y-marker hotkeys", setKeys);
  362.  
  363. window.addEventListener("message", wMsg, false);
  364.  
  365. })();