Jyobutsu

by noromanba 2014-12-27 [2014/12/27 06:33:33]
(Forked from Omairi by noromanba)

fade entry as omairi on Quyo

@@ -1,7 +1,8 @@
 /*
- * @title Omairi
- * @description mark omairi-ed entry on Quyo
+ * @title Jyobutsu
+ * @description fade entry as omairi on Quyo
  * @include http://quyo.hatelabo.jp/*
+ * @contributor noromanba   http://let.hatelabo.jp/noromanba/let/hJme0YXx6bYk (Fork of)
  * @license MIT http://opensource.org/licenses/MIT
  * @javascript_url
  */
@@ -10,9 +11,11 @@
 // http://let.hatelabo.jp/yuta25/let/hJmezJuridFx
 // https://gist.github.com/vzvu3k6k/105bbfac74fe004c64b6
 
-// synagy w/ Jyobutsu
-// 
+// synagy w/ Omairi
+// http://let.hatelabo.jp/noromanba/let/hJme0YXx6bYk
 
+// e.g.
+// http://quyo.hatelabo.jp/items/5477084a6137350002000000
 (function () {
     if (!/^quyo\.hatelabo\.jp$/.test(location.hostname)) return;
 
@@ -29,21 +32,27 @@
     var me = document.body.querySelector('.nav-user-icon a');
     if (!me || !me.href) return;
 
-    var mark = function () {
+    // TBD change color/opacity when ::select
+    var fade = function () {
         selects('article').forEach(function (article) {
             selects('.fav-user a', article).some(function (user) {
-                if (me.href === user.href) {
-                    // e.g. 'cornsilk', 'floralwhite', 'linen', 'seashell'
-                    article.style.backgroundColor = 'ivory';
+                if (me.href === user.href) { // TBD omit me; always fade
+                    var fav = article.querySelector('.fav-user .number');
+                    //*/
+                    var title = article.querySelector('.entry-title');
+                    var content = article.querySelector('.entry-content');
+                    content.style.opacity = title.style.opacity = 3 / Number(fav.textContent);
+                    /*/
+                    article.style.opacity = 3 / Number(fav.textContent);
+                    //*/
                     return true;
                 }
             });
         });
     };
-    mark();
+    fade();
 
     new MutationObserver(function () {
-        mark();
+        fade();
     }).observe(document.body, { childList: true, subtree: true });
-})();
-
+})();

• /*
   * @title Jyobutsu
   * @description fade entry as omairi on Quyo
   * @include http://quyo.hatelabo.jp/*
   * @contributor noromanba   http://let.hatelabo.jp/noromanba/let/hJme0YXx6bYk (Fork of)
   * @license MIT http://opensource.org/licenses/MIT
   * @javascript_url
   */
  
  // recommend use w/ quyo random autopager(ize)
  // http://let.hatelabo.jp/yuta25/let/hJmezJuridFx
  // https://gist.github.com/vzvu3k6k/105bbfac74fe004c64b6
  
  // synagy w/ Omairi
  // http://let.hatelabo.jp/noromanba/let/hJme0YXx6bYk
  
  // e.g.
  // http://quyo.hatelabo.jp/items/5477084a6137350002000000
  (function () {
      if (!/^quyo\.hatelabo\.jp$/.test(location.hostname)) return;
  
      var selects = (function () {
          var slice = Array.prototype.slice,
              body = document.body;
  
          return function (query, ctx) {
              ctx = ctx || body;
              return slice.call(ctx.querySelectorAll(query));
          };
      })();
  
      var me = document.body.querySelector('.nav-user-icon a');
      if (!me || !me.href) return;
  
      // TBD change color/opacity when ::select
      var fade = function () {
          selects('article').forEach(function (article) {
              selects('.fav-user a', article).some(function (user) {
                  if (me.href === user.href) { // TBD omit me; always fade
                      var fav = article.querySelector('.fav-user .number');
                      //*/
                      var title = article.querySelector('.entry-title');
                      var content = article.querySelector('.entry-content');
                      content.style.opacity = title.style.opacity = 3 / Number(fav.textContent);
                      /*/
                      article.style.opacity = 3 / Number(fav.textContent);
                      //*/
                      return true;
                  }
              });
          });
      };
      fade();
  
      new MutationObserver(function () {
          fade();
      }).observe(document.body, { childList: true, subtree: true });
  })();

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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