wp-content/themes/twentyeleven/inc/theme-options.js

   1 var farbtastic;
   2
   3 (function($){
   4         var pickColor = function(a) {
   5                 farbtastic.setColor(a);
   6                 $('#link-color').val(a);
   7                 $('#link-color-example').css('background-color', a);
   8         };
   9
  10         $(document).ready( function() {
  11                 $('#default-color').wrapInner('<a href="#" />');
  12
  13                 farbtastic = $.farbtastic('#colorPickerDiv', pickColor);
  14
  15                 pickColor( $('#link-color').val() );
  16
  17                 $('.pickcolor').click( function(e) {
  18                         $('#colorPickerDiv').show();
  19                         e.preventDefault();
  20                 });
  21
  22                 $('#link-color').keyup( function() {
  23                         var a = $('#link-color').val(),
  24                                 b = a;
  25
  26                         a = a.replace(/[^a-fA-F0-9]/, '');
  27                         if ( '#' + a !== b )
  28                                 $('#link-color').val(a);
  29                         if ( a.length === 3 || a.length === 6 )
  30                                 pickColor( '#' + a );
  31                 });
  32
  33                 $(document).mousedown( function() {
  34                         $('#colorPickerDiv').hide();
  35                 });
  36
  37                 $('#default-color a').click( function(e) {
  38                         pickColor( '#' + this.innerHTML.replace(/[^a-fA-F0-9]/, '') );
  39                         e.preventDefault();
  40                 });
  41
  42                 $('.image-radio-option.color-scheme input:radio').change( function() {
  43                         var currentDefault = $('#default-color a'),
  44                                 newDefault = $(this).next().val();
  45
  46                         if ( $('#link-color').val() == currentDefault.text() )
  47                                 pickColor( newDefault );
  48
  49                         currentDefault.text( newDefault );
  50                 });
  51         });
  52 })(jQuery);