☰

jQuery CssDynamic

A dinamic system to customize style css. It append the rules in the end of body

このスクリプトは単体で利用できません。右のようなメタデータを含むスクリプトから、ライブラリとして読み込まれます: // @require https://update.greatest.deepsurf.us/scripts/26587/169714/jQuery%20CssDynamic.js

このスクリプトの質問や評価の投稿はこちら、通報はこちらへお寄せください。 
  1. // ==UserScript==
  2. // @author         Matteo Burbui @maxeo90
  3. // @name           jQuery CssDynamic
  4. // @description    A dinamic system to customize style css. It append the rules in the end of body
  5. // @license        https://creativecommons.org/licenses/by-sa/4.0/
  6. // @version        1.1.1
  7. // @grant          none
  8. // ==/UserScript==
  9. (function( $ ){
  10.    $.fn.cssDynamic = function(prop) {
  11.      var selector=$(this).selector;
  12.      var data,fval,action,idStyle,newName;
  13.      
  14.      if(typeof(prop)=='object'){
  15.       fval=1,data='';
  16.       for (var k in prop){
  17.         if (prop.hasOwnProperty(k)) {
  18.           data+=k+':'+prop[k]+';'
  19.         }
  20.       }
  21.      }else if(prop=='rename' && arguments[2]!=undefined ){
  22.        fval=0;
  23.        newName=arguments[2];
  24.      }else if(arguments[1]!=undefined){
  25.        fval=2;
  26.        data=arguments[0]+':'+arguments[1]
  27.      }else if(prop=='remove'){
  28.        fval=0;
  29.      } else{return 'error'}
  30.      action=(arguments[fval]==undefined)?'add':arguments[fval];
  31.      idStyle=(arguments[fval+1]==undefined)?'cssDynamic':arguments[fval+1];
  32.      
  33.      switch(action) {
  34.       case 'new':
  35.         actNew()
  36.         break;
  37.       case 'add':
  38.         actAdd()
  39.         break;
  40.       case 'remove':
  41.         actRemove()
  42.         break;
  43.       case 'renew':
  44.         actRemove()
  45.         actNew()
  46.         break;
  47.       case 'rename':
  48.         actRename()
  49.         break;
  50.      }
  51.      function chData(){
  52.        data=selector+'{'+data+'}'
  53.      }
  54.      function actNew(){
  55.        chData();
  56.        $('body').append('<style id="'+idStyle+'">'+data+'</style>')
  57.      }
  58.      function actAdd(){
  59.        if(!$('#'+idStyle).length){
  60.          actNew()
  61.        }else{
  62.          chData();
  63.          $('style#'+idStyle).append(data)
  64.        }
  65.      }
  66.      function actRemove(){
  67.        $('style#'+idStyle).remove();
  68.      }
  69.      
  70.      function actRename(){
  71.        $('style#'+idStyle).attr('id',newName);
  72.      }
  73.       return this;
  74.    }; 
  75. })( jQuery );