☰

jQuery CssDynamic

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

16.01.2017 itibariyledir. En son verisyonu görün.

Bu script direkt olarak kurulamaz. Başka scriptler için bir kütüphanedir ve meta yönergeleri içerir // @require https://update.greatest.deepsurf.us/scripts/26587/169672/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.0
  7. // @grant          none
  8. // ==/UserScript==
  9.  
  10. (function( $ ){
  11.    $.fn.cssDynamic = function(prop) {
  12.      var selector=$(this).selector;
  13.      var data,fval,action,idStyle;
  14.      
  15.      if(typeof(prop)=='object'){
  16.       fval=1,data='';
  17.       for (var k in prop){
  18.         if (prop.hasOwnProperty(k)) {
  19.           data+=k+':'+prop[k]+';'
  20.         }
  21.       }
  22.      }else if(arguments[1]!=undefined){
  23.        fval=2;
  24.        data=arguments[0]+':'+arguments[1]
  25.      }else if(prop=='remove'){
  26.        fval=0;
  27.      } else{return 'error'}
  28.      action=(arguments[fval]==undefined)?'add':arguments[fval];
  29.      idStyle=(arguments[fval+1]==undefined)?'cssDynamic':arguments[fval+1];
  30.      
  31.      switch(action) {
  32.       case 'new':
  33.         actNew()
  34.         break;
  35.       case 'add':
  36.         actAdd()
  37.         break;
  38.       case 'remove':
  39.         actRemove()
  40.         break;
  41.       case 'renew':
  42.         actRemove()
  43.         actNew()
  44.         break;
  45.      }
  46.      function chData(){
  47.        data=selector+'{'+data+'}'
  48.      }
  49.      function actNew(){
  50.        chData();
  51.        $('body').append('<style id="'+idStyle+'">'+data+'</style>')
  52.      }
  53.      function actAdd(){
  54.        if($('#'+idStyle).length){
  55.          actNew()
  56.        }else{
  57.          chData();
  58.          $('style#'+idStyle).append(data)
  59.        }
  60.      }
  61.      function actRemove(){
  62.        $('style#'+idStyle).remove();
  63.      }
  64.       return this;
  65.    }; 
  66. })( jQuery );
  67.