みんなのハッピィどんなかな

by pacochi 2012-04-07 [2012/04/07 21:24:26]

プロフィールアイコンの横にハッピィの顔部分を表示します。

• /*
   * @title みんなのハッピィどんなかな
   * @description プロフィールアイコンの横にハッピィの顔部分を表示します。
   * @include http://*
   * @license MIT License
   */
  
  // ページによってはかなりレイアウトが崩れます
  
  (function () {
  
  var i, u, a, h, p, c, d = document, l = Array.slice(d.getElementsByTagName('img'));
  
  for (i = 0; i < l.length; i++) {
  
  	c = l[i];
  	p = c.parentNode;
  	u = c.src;
  
  	if (u.match(/hatena\.[\w\.]+\/users.+profile/)) { //甘判定
  
  		u = u.replace(/profile.*?$/, 'happie.png'); // gif は透過が人によってまちまちだった
  		a = d.createElement("a");
  		a.setAttribute("href", u);
  		h = d.createElement("img");
  		h.setAttribute("src", u.replace(/\.png$/, '_face.gif')); // こっちは png だと全員ニューデフォルトさんアイコンで意味なかった
  		h.style.cssText = 'height:auto;width:' + c.clientWidth + 'px';
  		a.appendChild(h);
  
  		// がっつり祖先辿らなくてもおおむね平気そう
  		if (p.nodeName == 'A') {
  
  			c = p;
  			p = p.parentNode;
  
  		}
  
  		p.insertBefore(a, c);
  
  	}
  
  }
  
  })();
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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