bookmarklet

by nonnonHTN 2017-06-05 [2017/06/05 12:33:01]

my bookmarklet

@@ -32,7 +32,7 @@
             var targethtml = targetspan.parentNode.parentNode.parentNode.getElementsByClassName('contents_text')[0].innerHTML;
             html = html.substring(0,idx) + '<span onmousemove="__comm('+ comm_idx +');" style="color:blue;">#' 
                    + comm_idx + '</span>'
-                   + '<div class="_popop" id="__commPopup_' + comm_idx + '" style="position:absolute;">'
+                   + '<div class="_popop" id="__commPopup_' + comm_idx + '" style="position:absolute;background-color:white;border: 1 solid;">'
                    + targethtml + '</div>' + html.substring(idx + 8);
             elm.innerHTML = html;
         }

• /*
   * @title bookmarklet
   * @description my bookmarklet
   * @include http://*
   * @license MIT License
   * @require 
   */
  
  function __comm(idx)
  {
     var span = document.getElementById('comment_otherdetails_' + idx);
     if ( !span ) return;
     var html = span.parentNode.parentNode.parentNode.getElementsByClassName('contents_text')[0].innerHTML;
     var popup = document.getElementById('__commPopup')
     popup.innerHTML = html;
     popup.style.display='';
     popup.style.left='';
     popup.style.right='';
  }
  
  (function o()
  {
  	var elms=document.getElementsByClassName('contents_text');
          var length = elms.length;
          for(i = 0; i < length; ++i){
              elm = elms[i];
              html = elm.innerHTML;
              var idx = html.search("#[0-9]{7}");
              if ( idx < 0 ) continue;
              var comm_idx = html.substring(idx + 1, idx + 1 + 7);
              var targetspan = document.getElementById('comment_otherdetails_' + comm_idx );
              var targethtml = targetspan.parentNode.parentNode.parentNode.getElementsByClassName('contents_text')[0].innerHTML;
              html = html.substring(0,idx) + '<span onmousemove="__comm('+ comm_idx +');" style="color:blue;">#' 
                     + comm_idx + '</span>'
                     + '<div class="_popop" id="__commPopup_' + comm_idx + '" style="position:absolute;background-color:white;border: 1 solid;">'
                     + targethtml + '</div>' + html.substring(idx + 8);
              elm.innerHTML = html;
          }
  })();
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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