Hatena Bookmark twimg tool

by Akkiesoft 2016-06-13 [2016/06/13 17:54:17]

はてなブックマークでtwimgのURLだったらなんかいろいろする

@@ -9,16 +9,22 @@
   function hbtwimg(doc) {
     var entry = doc.getElementsByClassName('entrylist-unit');
     for (i in entry) {
-      var out = '';
+      /* twimgのURLを取る */
       var image = entry[i].getElementsByClassName('entry-link')[0];
-      var box = entry[i].getElementsByTagName('ul')[0];
+      if ( ! /twimg/.test(image) ) { continue; }
+
+      /* ブコメブックスをサムネ対応に変える */
+      var box = entry[i].getElementsByClassName('curvebox-body')[0];
+      box.childNodes[0] = 'comment with-thumbnail';
+
+      /* サムネ追加 */
       var tmb = document.createElement('span');
       tmb.className = 'thumbnail';
       tmb.innerHTML = '<img src="'+ image +':thumb" style="width:80px;">';
-/*divのboxをとらないとだめっぽい*/
+      box.childNodes[0] = 'comment with-thumbnail';
       box.insertBefore(tmb, box.childNodes[0]);
-      box.className = 'comment with-thumbnail';
 
+      /* TODO:コピペボックスの設置 */
     }
   }
 

• /*
   * @title Hatena Bookmark twimg tool
   * @description はてなブックマークでtwimgのURLだったらなんかいろいろする(まだなんもつくってない)
   * @include http://b.hatena.ne.jp/*
   * @license MIT License.
   */
  
  (function() {
    function hbtwimg(doc) {
      var entry = doc.getElementsByClassName('entrylist-unit');
      for (i in entry) {
        /* twimgのURLを取る */
        var image = entry[i].getElementsByClassName('entry-link')[0];
        if ( ! /twimg/.test(image) ) { continue; }
  
        /* ブコメブックスをサムネ対応に変える */
        var box = entry[i].getElementsByClassName('curvebox-body')[0];
        box.childNodes[0] = 'comment with-thumbnail';
  
        /* サムネ追加 */
        var tmb = document.createElement('span');
        tmb.className = 'thumbnail';
        tmb.innerHTML = '<img src="'+ image +':thumb" style="width:80px;">';
        box.childNodes[0] = 'comment with-thumbnail';
        box.insertBefore(tmb, box.childNodes[0]);
  
        /* TODO:コピペボックスの設置 */
      }
    }
  
    hbtwimg(document.body);
  
    if (typeof unsafeWindow == 'undefined') {
      /* Bookmarklet, etc... */
      var TEN = Ten;
    } else {
      /* Greasemonkey */
      var TEN = unsafeWindow.Ten;
    }
  
    TEN.AsyncLoader.executeWhenFragmentLoadedOrNow(function(frag) {
      hbtwimg(document.body);
    }.bind());
  
  })();
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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