Changeset 13764 for trunk/wp-admin/custom-background.php

Timestamp:

03/19/2010 09:10:37 AM (15 years ago)

Author:

dd32

Message:

Add instant background-color feedback to Custom Backgrounds. Add input validation to user-entered colour data. See #12186

File:

• trunk/wp-admin/custom-background.php (modified) (2 diffs)

trunk/wp-admin/custom-background.php

@@ -180 +180 @@
         jQuery('#background-color').val(color);
         farbtastic.setColor(color);
+        jQuery('#custom-background-image').css('background-color', color);
     }
 
@@ -185 +186 @@
         jQuery('#pickcolor').click(function() {
             jQuery('#colorPickerDiv').show();
+        });
+        jQuery('#background-color').keyup(function() {
+            var _hex = jQuery('#background-color').val();
+            var hex = _hex;
+            if ( hex[0] != '#' )
+                hex = '#' + hex;
+            hex = hex.replace(/[^#a-fA-F0-9]+/, '');
+            if ( hex != _hex )
+                jQuery('#background-color').val(hex);
+            if ( hex.length == 4 || hex.length == 7 )
+                pickColor( hex );
         });