WordPress.org

Make WordPress Core

Ticket #14707: farbtastic-1.3u.patch

File farbtastic-1.3u.patch, 9.3 KB (added by flashingcursor, 7 years ago)

Updated farbtastic to 1.3u

  • js/farbtastic.js

     
    1 // $Id: farbtastic.js,v 1.2 2007/01/08 22:53:01 unconed Exp $ 
    2 // Farbtastic 1.2 
     1/*! 
     2 * Farbtastic: jQuery color picker plug-in v1.3u 
     3 * 
     4 * Licensed under the GPL license: 
     5 *   http://www.gnu.org/licenses/gpl.html 
     6 */ 
     7(function($) { 
    38 
    4 var farbtastic_click = false; 
    5  
    6 jQuery.fn.farbtastic = function (callback) { 
    7   jQuery.farbtastic(this, callback); 
     9$.fn.farbtastic = function (options) { 
     10  $.farbtastic(this, options); 
    811  return this; 
    912}; 
    1013 
    11 jQuery.farbtastic = function (container, callback) { 
    12   var container = jQuery(container).get(0); 
    13   return container.farbtastic || (container.farbtastic = new jQuery._farbtastic(container, callback)); 
    14 } 
     14$.farbtastic = function (container, callback) { 
     15  var container = $(container).get(0); 
     16  return container.farbtastic || (container.farbtastic = new $._farbtastic(container, callback)); 
     17}; 
    1518 
    16 jQuery._farbtastic = function (container, callback) { 
     19$._farbtastic = function (container, callback) { 
    1720  // Store farbtastic object 
    1821  var fb = this; 
    1922 
    2023  // Insert markup 
    21   jQuery(container).html('<div class="farbtastic"><div class="color"></div><div class="wheel"></div><div class="overlay"></div><div class="h-marker marker"></div><div class="sl-marker marker"></div></div>'); 
    22   var e = jQuery('.farbtastic', container); 
    23   fb.wheel = jQuery('.wheel', container).get(0); 
     24  $(container).html('<div class="farbtastic"><div class="color"></div><div class="wheel"></div><div class="overlay"></div><div class="h-marker marker"></div><div class="sl-marker marker"></div></div>'); 
     25  var e = $('.farbtastic', container); 
     26  fb.wheel = $('.wheel', container).get(0); 
    2427  // Dimensions 
    2528  fb.radius = 84; 
    2629  fb.square = 100; 
    … …  
    2831 
    2932  // Fix background PNGs in IE6 
    3033  if (navigator.appVersion.match(/MSIE [0-6]\./)) { 
    31     jQuery('*', e).each(function () { 
     34    $('*', e).each(function () { 
    3235      if (this.currentStyle.backgroundImage != 'none') { 
    3336        var image = this.currentStyle.backgroundImage; 
    3437        image = this.currentStyle.backgroundImage.substring(5, image.length - 2); 
    35         jQuery(this).css({ 
     38        $(this).css({ 
    3639          'backgroundImage': 'none', 
    3740          'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')" 
    3841        }); 
    … …  
    4649  fb.linkTo = function (callback) { 
    4750    // Unbind previous nodes 
    4851    if (typeof fb.callback == 'object') { 
    49       jQuery(fb.callback).unbind('keyup', fb.updateValue); 
     52      $(fb.callback).unbind('keyup', fb.updateValue); 
    5053    } 
    5154 
    5255    // Reset color 
    … …  
    5760      fb.callback = callback; 
    5861    } 
    5962    else if (typeof callback == 'object' || typeof callback == 'string') { 
    60       fb.callback = jQuery(callback); 
     63      fb.callback = $(callback); 
    6164      fb.callback.bind('keyup', fb.updateValue); 
    6265      if (fb.callback.get(0).value) { 
    6366        fb.setColor(fb.callback.get(0).value); 
    6467      } 
    6568    } 
    6669    return this; 
    67   } 
     70  }; 
    6871  fb.updateValue = function (event) { 
    6972    if (this.value && this.value != fb.color) { 
    7073      fb.setColor(this.value); 
    7174    } 
    72   } 
     75  }; 
    7376 
    7477  /** 
    7578   * Change color with HTML syntax #123456 
    … …  
    8386      fb.updateDisplay(); 
    8487    } 
    8588    return this; 
    86   } 
     89  }; 
    8790 
    8891  /** 
    8992   * Change color with HSL triplet [0..1, 0..1, 0..1] 
    … …  
    9497    fb.color = fb.pack(fb.rgb); 
    9598    fb.updateDisplay(); 
    9699    return this; 
    97   } 
     100  }; 
    98101 
    99102  ///////////////////////////////////////////////////// 
    100103 
    … …  
    103106   * of the widget. 
    104107   */ 
    105108  fb.widgetCoords = function (event) { 
    106     var x, y; 
    107     var el = event.target || event.srcElement; 
    108     var reference = fb.wheel; 
     109    var offset = $(fb.wheel).offset(); 
     110    return { x: (event.pageX - offset.left) - fb.width / 2, y: (event.pageY - offset.top) - fb.width / 2 }; 
     111  }; 
    109112 
    110     if (typeof event.offsetX != 'undefined') { 
    111       // Use offset coordinates and find common offsetParent 
    112       var pos = { x: event.offsetX, y: event.offsetY }; 
    113  
    114       // Send the coordinates upwards through the offsetParent chain. 
    115       var e = el; 
    116       while (e) { 
    117         e.mouseX = pos.x; 
    118         e.mouseY = pos.y; 
    119         pos.x += e.offsetLeft; 
    120         pos.y += e.offsetTop; 
    121         e = e.offsetParent; 
    122       } 
    123  
    124       // Look for the coordinates starting from the wheel widget. 
    125       var e = reference; 
    126       var offset = { x: 0, y: 0 } 
    127       while (e) { 
    128         if (typeof e.mouseX != 'undefined') { 
    129           x = e.mouseX - offset.x; 
    130           y = e.mouseY - offset.y; 
    131           break; 
    132         } 
    133         offset.x += e.offsetLeft; 
    134         offset.y += e.offsetTop; 
    135         e = e.offsetParent; 
    136       } 
    137  
    138       // Reset stored coordinates 
    139       e = el; 
    140       while (e) { 
    141         e.mouseX = undefined; 
    142         e.mouseY = undefined; 
    143         e = e.offsetParent; 
    144       } 
    145     } 
    146     else { 
    147       // Use absolute coordinates 
    148       var pos = fb.absolutePosition(reference); 
    149       x = (event.pageX || 0*(event.clientX + jQuery('html').get(0).scrollLeft)) - pos.x; 
    150       y = (event.pageY || 0*(event.clientY + jQuery('html').get(0).scrollTop)) - pos.y; 
    151     } 
    152     // Subtract distance to middle 
    153     return { x: x - fb.width / 2, y: y - fb.width / 2 }; 
    154   } 
    155  
    156113  /** 
    157114   * Mousedown handler 
    158115   */ 
    159116  fb.mousedown = function (event) { 
    160         farbtastic_click = true; 
    161117    // Capture mouse 
    162118    if (!document.dragging) { 
    163       jQuery(document).bind('mousemove', fb.mousemove).bind('mouseup', fb.mouseup); 
     119      $(document).bind('mousemove', fb.mousemove).bind('mouseup', fb.mouseup); 
    164120      document.dragging = true; 
    165121    } 
    166122 
    … …  
    171127    // Process 
    172128    fb.mousemove(event); 
    173129    return false; 
    174   } 
     130  }; 
    175131 
    176132  /** 
    177133   * Mousemove handler 
    … …  
    192148      fb.setHSL([fb.hsl[0], sat, lum]); 
    193149    } 
    194150    return false; 
    195   } 
     151  }; 
    196152 
    197153  /** 
    198154   * Mouseup handler 
    199155   */ 
    200156  fb.mouseup = function () { 
    201157    // Uncapture mouse 
    202         farbtastic_click = false; 
    203     jQuery(document).unbind('mousemove', fb.mousemove); 
    204     jQuery(document).unbind('mouseup', fb.mouseup); 
     158    $(document).unbind('mousemove', fb.mousemove); 
     159    $(document).unbind('mouseup', fb.mouseup); 
    205160    document.dragging = false; 
    206   } 
     161  }; 
    207162 
    208163  /** 
    209164   * Update the markers and styles 
    … …  
    211166  fb.updateDisplay = function () { 
    212167    // Markers 
    213168    var angle = fb.hsl[0] * 6.28; 
    214     jQuery('.h-marker', e).css({ 
     169    $('.h-marker', e).css({ 
    215170      left: Math.round(Math.sin(angle) * fb.radius + fb.width / 2) + 'px', 
    216171      top: Math.round(-Math.cos(angle) * fb.radius + fb.width / 2) + 'px' 
    217172    }); 
    218173 
    219     jQuery('.sl-marker', e).css({ 
     174    $('.sl-marker', e).css({ 
    220175      left: Math.round(fb.square * (.5 - fb.hsl[1]) + fb.width / 2) + 'px', 
    221176      top: Math.round(fb.square * (.5 - fb.hsl[2]) + fb.width / 2) + 'px' 
    222177    }); 
    223178 
    224179    // Saturation/Luminance gradient 
    225     jQuery('.color', e).css('backgroundColor', fb.pack(fb.HSLToRGB([fb.hsl[0], 1, 0.5]))); 
     180    $('.color', e).css('backgroundColor', fb.pack(fb.HSLToRGB([fb.hsl[0], 1, 0.5]))); 
    226181 
    227182    // Linked elements or callback 
    228183    if (typeof fb.callback == 'object') { 
    229184      // Set background/foreground color 
    230       jQuery(fb.callback).css({ 
     185      $(fb.callback).css({ 
    231186        backgroundColor: fb.color, 
    232187        color: fb.hsl[2] > 0.5 ? '#000' : '#fff' 
    233188      }); 
    234189 
    235190      // Change linked value 
    236       jQuery(fb.callback).each(function() { 
     191      $(fb.callback).each(function() { 
    237192        if (this.value && this.value != fb.color) { 
    238193          this.value = fb.color; 
    239194        } 
    … …  
    242197    else if (typeof fb.callback == 'function') { 
    243198      fb.callback.call(fb, fb.color); 
    244199    } 
    245   } 
    246  
    247   /** 
    248    * Get absolute position of element 
    249    */ 
    250   fb.absolutePosition = function (el) { 
    251     var r = { x: el.offsetLeft, y: el.offsetTop }; 
    252     // Resolve relative to offsetParent 
    253     if (el.offsetParent) { 
    254       var tmp = fb.absolutePosition(el.offsetParent); 
    255       r.x += tmp.x; 
    256       r.y += tmp.y; 
    257     } 
    258     return r; 
    259200  }; 
    260201 
    261202  /* Various color utility functions */ 
    … …  
    266207    return '#' + (r < 16 ? '0' : '') + r.toString(16) + 
    267208           (g < 16 ? '0' : '') + g.toString(16) + 
    268209           (b < 16 ? '0' : '') + b.toString(16); 
    269   } 
     210  }; 
    270211 
    271212  fb.unpack = function (color) { 
    272213    if (color.length == 7) { 
    … …  
    279220        parseInt('0x' + color.substring(2, 3)) / 15, 
    280221        parseInt('0x' + color.substring(3, 4)) / 15]; 
    281222    } 
    282   } 
     223  }; 
    283224 
    284225  fb.HSLToRGB = function (hsl) { 
    285226    var m1, m2, r, g, b; 
    … …  
    289230    return [this.hueToRGB(m1, m2, h+0.33333), 
    290231        this.hueToRGB(m1, m2, h), 
    291232        this.hueToRGB(m1, m2, h-0.33333)]; 
    292   } 
     233  }; 
    293234 
    294235  fb.hueToRGB = function (m1, m2, h) { 
    295236    h = (h < 0) ? h + 1 : ((h > 1) ? h - 1 : h); 
    … …  
    297238    if (h * 2 < 1) return m2; 
    298239    if (h * 3 < 2) return m1 + (m2 - m1) * (0.66666 - h) * 6; 
    299240    return m1; 
    300   } 
     241  }; 
    301242 
    302243  fb.RGBToHSL = function (rgb) { 
    303244    var min, max, delta, h, s, l; 
    … …  
    318259      h /= 6; 
    319260    } 
    320261    return [h, s, l]; 
    321   } 
     262  }; 
    322263 
    323264  // Install mousedown handler (the others are set on the document on-demand) 
    324   jQuery('*', e).mousedown(fb.mousedown); 
     265  $('*', e).mousedown(fb.mousedown); 
    325266 
    326267    // Init color 
    327268  fb.setColor('#000000'); 
    … …  
    330271  if (callback) { 
    331272    fb.linkTo(callback); 
    332273  } 
    333 } 
    334  No newline at end of file 
     274}; 
     275 
     276})(jQuery); 
     277 No newline at end of file