☆ with icon

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

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

@@ -1,7 +1,8 @@
 /*
  * @title ☆ with icon
  * @description ブックマークについてる☆をアイコンにする
- * @include http://*
+ * @include http://b.hatena.ne.jp/*
+ * @include http://bkuma.hatena.ne.jp/*
  * @license MIT License
  * @require 
  */
@@ -11,7 +12,7 @@
 		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.hatena.ne.jp/', '').replace('/', '');
+			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;');
@@ -30,14 +31,14 @@
 			//containers[i].style['padding-top'] = '1px';
 			//containers[i].style['top'] = '10px';
 		}
-	}
+	};
 	iconize();
 	var timer  = 0;
-    document.addEventListener('DOMNodeInserted', function() {
+  document.addEventListener('DOMNodeInserted', function() {
     if(timer) return;
     timer = setTimeout(function() {
       iconize();
       timer = 0;
     }, 500);
   }, false);
-}());
+}());

• /*
   * @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 です。