checkCssSelector

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

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

@@ -13,16 +13,15 @@
   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.cssText;
-    elms[i].style.cssText='background-image:url('+im+');';
+    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.cssText=aa.backup;
+        aa.style.backgroundImage=aa.backup;
         delete aa.backup;
       },ct);
     })(elms[i],cnt);
   }
-})();
-
+})();

• /*
   * @title checkCssSelector
   * @description 入力したCSSセレクタの適用されるエリアが10秒間確認出来ます。※秒数はセレクタ入力時にCSSセレクタの後ろに「|」を入力して秒数を入れれば変更可能です。
   * @include http://*
   * @license MIT License
   * @require 
   */
  (function(){
    var inp,tx,cnt,i,elm,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+')';
    }
    for(i=0;i<elms.length;i++){
      (function(aa,ct){
        setTimeout(function(){
          aa.style.backgroundImage=aa.backup;
          delete aa.backup;
        },ct);
      })(elms[i],cnt);
    }
  })();

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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