☆ with icon

by yuta25 2014-12-10 [2014/12/10 14:40:44]

ブックマークについてる☆をアイコンにする

• /*
   * @title ☆ with icon
   * @description ブックマークについてる☆をアイコンにする
   * @include http://b.hatena.ne.jp/*
   * @include http://bkuma.hatena.ne.jp/*
   * @license MIT License
   * @require 
   */
  
  (function(){
    var iconize = function () {
      var containers = document.querySelectorAll('.hatena-star-star-container a');
      for (var i = 0, length = containers.length; i < length; i++) {
        if (containers[i].hasAttribute('iconized')) continue;
        var user = containers[i].href.replace(/^http:\/\/(b|bkuma)\.hatena\.ne\.jp\//, '').replace(/\/$/, '');
        var icon = document.createElement('img');
        icon.src = 'http://cdn1.www.st-hatena.com/users/' + user.substr(0, 2) + '/' + user + '/profile.gif';
        icon.setAttribute('style', 'height:16px;position:absolute;width:16px;');
        var star = containers[i].querySelector('.hatena-star-star');
        star.style['position'] = 'absolute';
        star.style['bottom'] = '1px';
        star.style['opacity'] = '0.7';
        // star.style['width'] = '7px';
        containers[i].insertBefore(icon, star);
        containers[i].setAttribute('iconized', '');
        containers[i].style['width'] = '16px';
        containers[i].style['height'] = '16px';
        containers[i].style['position'] = 'relative';
        containers[i].style['display'] = 'inline-block';
        containers[i].style['margin'] = '0 1px 0 1px';
        //containers[i].style['padding-top'] = '1px';
        //containers[i].style['top'] = '10px';
      }
    };
    iconize();
    var timer  = 0;
    document.addEventListener('DOMNodeInserted', function() {
      if(timer) return;
      timer = setTimeout(function() {
        iconize();
        timer = 0;
      }, 500);
    }, false);
  }());
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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