checkCssSelector

by shiiiiir 2012-07-20 [2012/07/20 15:49:16]

入力したCSSセレクタの適用されるエリアが10秒間確認出来ます。※秒数はセレクタ入力時にCSSセレクタの後ろに「|」を入力して秒数を入れれば変更可能です。

@@ -16,12 +16,10 @@
     elms[i].backup=elms[i].style.backgroundImage;
     elms[i].style.backgroundImage='url('+im+')';
   }
-  for(i=0;i<elms.length;i++){
-    (function(aa,ct){
-      setTimeout(function(){
-        aa.style.backgroundImage=aa.backup;
-        delete aa.backup;
-      },ct);
-    })(elms[i],cnt);
-  }
+  setTimeout(function(){
+    for(i=0;i<elms.length;i++){
+      elms[i].style.backgroundImage=elms[i].backup;
+      delete elms[i].backup;
+    }
+  },cnt);    
 })();

• /*
   * @title checkCssSelector
   * @description 入力したCSSセレクタの適用されるエリアが10秒間確認出来ます。※秒数はセレクタ入力時にCSSセレクタの後ろに「|」を入力して秒数を入れれば変更可能です。
   * @include http://*
   * @license MIT License
   * @require 
   */
  (function(){
    var inp,tx,cnt,i,elms,im='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wHDAcMKM2R5C8AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAA1JREFUCNdj+M/AUA8ABIABf4LQfFcAAAAASUVORK5CYII=';
    if(inp=prompt('Please input CSS selector!','')){
      tx=inp.split('|');
    }else{return;}
    cnt=tx[1]?tx[1]*1000:10000;
    elms=document.querySelectorAll(tx[0]);
    for(i=0;i<elms.length;i++){
      elms[i].backup=elms[i].style.backgroundImage;
      elms[i].style.backgroundImage='url('+im+')';
    }
    setTimeout(function(){
      for(i=0;i<elms.length;i++){
        elms[i].style.backgroundImage=elms[i].backup;
        delete elms[i].backup;
      }
    },cnt);    
  })();

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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