web/wp-content/themes/twentyeleven/inc/theme-options.js
changeset 194 32102edaa81b
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/wp-content/themes/twentyeleven/inc/theme-options.js	Mon Nov 19 18:26:13 2012 +0100
@@ -0,0 +1,52 @@
+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);
\ No newline at end of file