display title @ fotolife (thumbnail)

by a-kuma3 2015-12-06 [2015/12/06 13:11:31]

Make it possible to look for images by text search.

• /*
   * @title display title @ fotolife (thumbnail)
   * @description Make it possible to look for images by text search.
   * @include http://f.hatena.ne.jp/*
   * @license MIT License
   * @javascript_url
   */
  (function () {
  
      if (window.location.hostname == 'f.hatena.ne.jp') {
  
          var forEach = Array.prototype.forEach;
          var displayTytle = function (context) {
              forEach.call(context.querySelectorAll('img.foto_thumb'), function (e) {
                  if (/^\d{14}$/.exec(e.title)) { return; }
                  if (e.nextSibling && e.nextSibling.className == "foto_title") { return; }
                  var t = document.createElement("div");
                  t.innerHTML = e.title;
                  t.className = "foto_title";
                  t.style.position = "absolute";
                  t.style.backgroundColor = "white";
                  t.style.padding = "0 0.5ex";
                  t.style.border = "1px solid gray";
                  t.onclick = function() {
                      var pp = this.parentNode;
                      pp.removeChild(this);
                      return false;
                  };
                  e.parentNode.appendChild(t);
              });
          };
          displayTytle(document.body);
  
      }
  })();
  
  
  
  
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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