Google 検索の結果にtwitter上で何個言及されているかを表示するブックマークレット

by laiso 2015-11-21 [2015/11/21 16:14:27]

Chromeの人はこうする http://qiita.com/laiso/items/d30ead1bb5aa3d979190

@@ -25,11 +25,9 @@
     }
   };
 
-  point = document.createRange();
-  point.selectNode(ref);
-  point.collapse(false);
-  point.insertNode(counter);
-  return point.detach();
+  ref.parentNode.style.setProperty('overflow', 'visible');
+  ref.parentNode.insertBefore(counter)
+  return;
 }
 
 addCounter = function(a) {

• /* 
   * @title Google 検索の結果にtwitter上で何個言及されているかを表示するブックマークレット
   * @description Chrome/Opera/Safari ※Firefoxで動かない http://d.hatena.ne.jp/laiso/20111204/p1
   * @include http://*.google.*\/search
   * @licence MIT
   */
  
  var addCounter, all, links, _STYLE;
  
  _STYLE = "padding: 0 0.5em;\nmargin: 0 0.5em;\ncolor: #30566D;\ntext-shadow: 0 1px 0 white;\nbackground-color: #C0DEED;\nfont-weight: bold;\ntext-decoration-line: none;";
  
  function callback(data, textStatus, jqXHR) {
    var counter, point;
    counter = document.createElement('A');
    counter.setAttribute('style', _STYLE);
    counter.href = 'https://twitter.com/#!/search/realtime/' + encodeURIComponent(data.url);
    counter.innerText = data.count;
  
    var ref = null;
    for (var i=0; i<links.length; i++) {
      var link = links.item(i);
      var url = data.url.replace(/\//g, '');
      if(link.href.replace(/\//g, '').indexOf(url) > -1){
        ref = link;
      }
    };
  
    ref.parentNode.style.setProperty('overflow', 'visible');
    ref.parentNode.insertBefore(counter)
    return;
  }
  
  addCounter = function(a) {
    var script = document.createElement('SCRIPT');
    script.src = 'http://urls.api.twitter.com/1/urls/count.json?url=' + encodeURIComponent(a.href) + '&callback=callback';
    document.body.insertBefore(script, null);
  };
  
  links = document.querySelectorAll('h3 a');
  
  for (all in links) {
    a = links[all];
    if (typeof a.onmousedown === 'function') addCounter(a);
  }

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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