mageiaorg/inc/theme-options.js

var farbtastic;

(function($){
        var pickColor = function(a) {
                farbtastic.setColor(a);
                $('#link-color').val(a);
                $('#link-color-example').css('background-color', a);
        };

        $(document).ready( function() {
                $('#default-color').wrapInner('<a href="#" />');

                farbtastic = $.farbtastic('#colorPickerDiv', pickColor);

                pickColor( $('#link-color').val() );

                $('.pickcolor').click( function(e) {
                        $('#colorPickerDiv').show();
                        e.preventDefault();
                });

                $('#link-color').keyup( function() {
                        var a = $('#link-color').val(),
                                b = a;

                        a = a.replace(/[^a-fA-F0-9]/, '');
                        if ( '#' + a !== b )
                                $('#link-color').val(a);
                        if ( a.length === 3 || a.length === 6 )
                                pickColor( '#' + a );
                });

                $(document).mousedown( function() {
                        $('#colorPickerDiv').hide();
                });

                $('#default-color a').click( function(e) {
                        pickColor( '#' + this.innerHTML.replace(/[^a-fA-F0-9]/, '') );
                        e.preventDefault();
                });

                $('.image-radio-option.color-scheme input:radio').change( function() {
                        var currentDefault = $('#default-color a'),
                                newDefault = $(this).next().val();

                        if ( $('#link-color').val() == currentDefault.text() )
                                pickColor( newDefault );

                        currentDefault.text( newDefault );
                });
        });
})(jQuery);
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);