WordPress.org

Make WordPress Core

Changeset 16305


Ignore:
Timestamp:
11/11/10 16:34:22 (6 years ago)
Author:
ryan
Message:

Farbtastic 1.3u. Props flashingcursor. fixes #14707

Location:
trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/js/farbtastic.js

    r10150 r16305  
    1 // $Id: farbtastic.js,v 1.2 2007/01/08 22:53:01 unconed Exp $ 
    2 // Farbtastic 1.2 
    3  
    4 var farbtastic_click = false; 
    5  
    6 jQuery.fn.farbtastic = function (callback) { 
    7   jQuery.farbtastic(this, callback); 
     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($) { 
     8 
     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 } 
    15  
    16 jQuery._farbtastic = function (container, callback) { 
     14$.farbtastic = function (container, callback) { 
     15  var container = $(container).get(0); 
     16  return container.farbtastic || (container.farbtastic = new $._farbtastic(container, callback)); 
     17}; 
     18 
     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; 
     
    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 + "')" 
     
    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 
     
    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) { 
     
    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  /** 
     
    8487    } 
    8588    return this; 
    86   } 
     89  }; 
    8790 
    8891  /** 
     
    9598    fb.updateDisplay(); 
    9699    return this; 
    97   } 
     100  }; 
    98101 
    99102  ///////////////////////////////////////////////////// 
     
    104107   */ 
    105108  fb.widgetCoords = function (event) { 
    106     var x, y; 
    107     var el = event.target || event.srcElement; 
    108     var reference = fb.wheel; 
    109  
    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   } 
     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  }; 
    155112 
    156113  /** 
     
    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    } 
     
    172128    fb.mousemove(event); 
    173129    return false; 
    174   } 
     130  }; 
    175131 
    176132  /** 
     
    193149    } 
    194150    return false; 
    195   } 
     151  }; 
    196152 
    197153  /** 
     
    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  /** 
     
    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' 
     
    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' 
     
    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; 
     
    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 
     
    267208           (g < 16 ? '0' : '') + g.toString(16) + 
    268209           (b < 16 ? '0' : '') + b.toString(16); 
    269   } 
     210  }; 
    270211 
    271212  fb.unpack = function (color) { 
     
    280221        parseInt('0x' + color.substring(3, 4)) / 15]; 
    281222    } 
    282   } 
     223  }; 
    283224 
    284225  fb.HSLToRGB = function (hsl) { 
     
    290231        this.hueToRGB(m1, m2, h), 
    291232        this.hueToRGB(m1, m2, h-0.33333)]; 
    292   } 
     233  }; 
    293234 
    294235  fb.hueToRGB = function (m1, m2, h) { 
     
    298239    if (h * 3 < 2) return m1 + (m2 - m1) * (0.66666 - h) * 6; 
    299240    return m1; 
    300   } 
     241  }; 
    301242 
    302243  fb.RGBToHSL = function (rgb) { 
     
    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 
     
    331272    fb.linkTo(callback); 
    332273  } 
    333 } 
     274}; 
     275 
     276})(jQuery); 
  • trunk/wp-includes/script-loader.php

    r16302 r16305  
    498498    $styles->add( 'plugin-install', "/wp-admin/css/plugin-install$suffix.css", array(), '20100402' ); 
    499499    $styles->add( 'theme-install', "/wp-admin/css/theme-install$suffix.css", array(), '20100523' ); 
    500     $styles->add( 'farbtastic', '/wp-admin/css/farbtastic.css', array(), '1.2' ); 
     500    $styles->add( 'farbtastic', '/wp-admin/css/farbtastic.css', array(), '1.3u' ); 
    501501    $styles->add( 'jcrop', '/wp-includes/js/jcrop/jquery.Jcrop.css', array(), '0.9.8' ); 
    502502    $styles->add( 'imgareaselect', '/wp-includes/js/imgareaselect/imgareaselect.css', array(), '0.9.1' ); 
Note: See TracChangeset for help on using the changeset viewer.