checkCssSelector

  • /*
     * @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
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2012/07/20 15:49:16 - 2012-07-20
  2. 2012/07/16 16:55:25 - 2012-07-16
  3. 2012/07/16 16:40:40 - 2012-07-16
  4. 2012/07/16 16:28:58 - 2012-07-16