js/farbtastic/farbtastic.go.js

   1 $(document).ready(function() {
   2     function UpdateColors(e) {
   3         var S = f.linked;
   4         var C = f.color;
   5
   6         if (S && S.value && S.value != C) {
   7             UpdateSwatch(S);
   8
   9             switch (parseInt(f.linked.id.slice(-1))) {
  10                 case 0: default:
  11                     $('body').css({'background-color':C});
  12                     break;
  13                 case 1:
  14                     $('#content').css({'background-color':C});
  15                     break;
  16                 case 2:
  17                     $('#aside_primary').css({'background-color':C});
  18                     break;
  19                 case 3:
  20                     $('body').css({'color':C});
  21                     break;
  22                 case 4:
  23                     $('a').css({'color':C});
  24                     break;
  25             }
  26             S.value = C;
  27         }
  28     }
  29
  30     function UpdateFarbtastic(e) {
  31         f.linked = e;
  32         f.setColor(e.value);
  33     }
  34
  35     function UpdateSwatch(e) {
  36         $(e).css({
  37             "background-color": e.value,
  38             "color": f.hsl[2] > 0.5 ? "#000": "#fff"
  39         });
  40     }
  41
  42     $('#settings_design_color').append('<div id="color-picker"></div>');
  43     $('#color-picker').hide();
  44
  45     var f = $.farbtastic('#color-picker', UpdateColors);
  46     var swatches = $('#settings_design_color .swatch');
  47
  48     swatches
  49         .each(UpdateColors)
  50
  51         .blur(function() {
  52             $(this).val($(this).val().toUpperCase());
  53          })
  54
  55         .focus(function() {
  56             $('#color-picker').show();
  57             UpdateFarbtastic(this);
  58         })
  59
  60         .change(function() {
  61             UpdateFarbtastic(this);
  62             UpdateSwatch(this);
  63         }).change()
  64
  65         ;
  66
  67 });