☰

Greasy Fork is available in English.

jQuery CssDynamic

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

Version vom 16.01.2017. Aktuellste Version

Dieses Skript sollte nicht direkt installiert werden. Es handelt sich hier um eine Bibliothek für andere Skripte, welche über folgenden Befehl in den Metadaten eines Skriptes eingebunden wird // @require https://update.greatest.deepsurf.us/scripts/26587/169679/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 );