☰

jQuery CssDynamic

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

As of 16/01/2017. See the latest version.

This script should not be not be installed directly. It is a library for other scripts to include with the meta directive // @require https://update.greatest.deepsurf.us/scripts/26587/169674/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
  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(arguments[1]!=undefined){
  22.        fval=2;
  23.        data=arguments[0]+':'+arguments[1]
  24.      }else if(prop=='remove' || (prop=='rename' && newName=arguments[2]!=undefined)){
  25.        fval=0;
  26.      } else{return 'error'}
  27.      action=(arguments[fval]==undefined)?'add':arguments[fval];
  28.      idStyle=(arguments[fval+1]==undefined)?'cssDynamic':arguments[fval+1];
  29.      
  30.      switch(action) {
  31.       case 'new':
  32.         actNew()
  33.         break;
  34.       case 'add':
  35.         actAdd()
  36.         break;
  37.       case 'remove':
  38.         actRemove()
  39.         break;
  40.       case 'renew':
  41.         actRemove()
  42.         actNew()
  43.         break;
  44.       case 'rename':
  45.         actRemove()
  46.         actNew()
  47.         break;
  48.      }
  49.      function chData(){
  50.        data=selector+'{'+data+'}'
  51.      }
  52.      function actNew(){
  53.        chData();
  54.        $('body').append('<style id="'+idStyle+'">'+data+'</style>')
  55.      }
  56.      function actAdd(){
  57.        if(!$('#'+idStyle).length){
  58.          actNew()
  59.        }else{
  60.          chData();
  61.          $('style#'+idStyle).append(data)
  62.        }
  63.      }
  64.      function actRemove(){
  65.        $('style#'+idStyle).remove();
  66.      }
  67.      
  68.      function actRename(){
  69.        $('style#'+idStyle).attr('id',newName);
  70.      }
  71.       return this;
  72.    }; 
  73. })( jQuery );