db981a3b27
* This moves our "development" versions from .dev.js to .js (same for css). * The compressed version then moves from .js to .min.js (same for css). By switching to the standard .min convention, it sets expectations for developers, and works nicely with existing tools such as ack. fixes #21633. git-svn-id: https://develop.svn.wordpress.org/trunk@21592 602fd350-edb4-49c9-b593-d223f7449a82
66 lines
1.8 KiB
JavaScript
66 lines
1.8 KiB
JavaScript
var farbtastic, pickColor;
|
|
|
|
(function($) {
|
|
|
|
var defaultColor = '';
|
|
|
|
pickColor = function(color) {
|
|
farbtastic.setColor(color);
|
|
$('#background-color').val(color);
|
|
$('#custom-background-image').css('background-color', color);
|
|
// If we have a default color, and they match, then we need to hide the 'Default' link.
|
|
// Otherwise, we hide the 'Clear' link when it is empty.
|
|
if ( ( defaultColor && color === defaultColor ) || ( ! defaultColor && ( '' === color || '#' === color ) ) )
|
|
$('#clearcolor').hide();
|
|
else
|
|
$('#clearcolor').show();
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
|
|
defaultColor = $('#defaultcolor').val();
|
|
|
|
$('#pickcolor').click(function() {
|
|
$('#colorPickerDiv').show();
|
|
return false;
|
|
});
|
|
|
|
$('#clearcolor a').click( function(e) {
|
|
pickColor( defaultColor );
|
|
e.preventDefault();
|
|
});
|
|
|
|
$('#background-color').keyup(function() {
|
|
var _hex = $('#background-color').val(), hex = _hex;
|
|
if ( hex.charAt(0) != '#' )
|
|
hex = '#' + hex;
|
|
hex = hex.replace(/[^#a-fA-F0-9]+/, '');
|
|
if ( hex != _hex )
|
|
$('#background-color').val(hex);
|
|
if ( hex.length == 4 || hex.length == 7 )
|
|
pickColor( hex );
|
|
});
|
|
|
|
$('input[name="background-position-x"]').change(function() {
|
|
$('#custom-background-image').css('background-position', $(this).val() + ' top');
|
|
});
|
|
|
|
$('input[name="background-repeat"]').change(function() {
|
|
$('#custom-background-image').css('background-repeat', $(this).val());
|
|
});
|
|
|
|
farbtastic = $.farbtastic('#colorPickerDiv', function(color) {
|
|
pickColor(color);
|
|
});
|
|
pickColor($('#background-color').val());
|
|
|
|
$(document).mousedown(function(){
|
|
$('#colorPickerDiv').each(function(){
|
|
var display = $(this).css('display');
|
|
if ( display == 'block' )
|
|
$(this).fadeOut(2);
|
|
});
|
|
});
|
|
});
|
|
|
|
})(jQuery); |