Ticket #12186: move_custom-background_js_to_separate_file.diff

wp-admin/js/custom-background.dev.js

@@ +1 @@
+var buttons = ['#pickcolor'],
+        farbtastic;
+
+function pickColor(color) {
+        jQuery('#background-color').val(color);
+        farbtastic.setColor(color);
+        jQuery('#custom-background-image').css('background-color', color);
+}
+
+jQuery(document).ready(function() {
+        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 );
+        });
+
+        farbtastic = jQuery.farbtastic('#colorPickerDiv', function(color) { pickColor(color); });
+        pickColor('#<?php background_color(); ?>');
+});
+
+jQuery(document).mousedown(function(){
+        hide_picker(); // Make the picker disappear if you click outside its div element
+});
+
+function hide_picker(what) {
+        var update = false;
+        jQuery('#colorPickerDiv').each(function(){
+                var id = jQuery(this).attr('id');
+                if (id == what) {
+                        return;
+                }
+                var display = jQuery(this).css('display');
+                if (display == 'block') {
+                        jQuery(this).fadeOut(2);
+                }
+        });
+}
+ No newline at end of file

wp-admin/js/custom-background.js

@@ +1 @@
+var buttons=['#pickcolor'],farbtastic;function pickColor(color){jQuery('#background-color').val(color);farbtastic.setColor(color);jQuery('#custom-background-image').css('background-color',color);}jQuery(document).ready(function(){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);});farbtastic=jQuery.farbtastic('#colorPickerDiv',function(color){pickColor(color);});pickColor('#<?php background_color(); ?>');});jQuery(document).mousedown(function(){hide_picker();});function hide_picker(what){var update=false;jQuery('#colorPickerDiv').each(function(){var id=jQuery(this).attr('id');if(id==what){return;}var display=jQuery(this).css('display');if(display=='block'){jQuery(this).fadeOut(2);}});}
+ No newline at end of file

wp-admin/custom-background.php

@@ -166 +166 @@
          * @since unknown
          */
         function js_1() { ?>
-<script type="text/javascript">
-        var buttons = ['#pickcolor'],
-                farbtastic;
-
-        function pickColor(color) {
-                jQuery('#background-color').val(color);
-                farbtastic.setColor(color);
-                jQuery('#custom-background-image').css('background-color', color);
-        }
-
-        jQuery(document).ready(function() {
-                jQuery('#pickcolor').click(function() {
-                        jQuery('#colorPickerDiv').show();
+        <script type="text/javascript" src="<?php echo get_option('siteurl'), '/wp-admin/js/custom-background.js'; ?>"></script>
+        <script type="text/javascript">
+                jQuery(document).ready(function() {
+                        pickColor('#<?php background_color(); ?>');
                 });
-                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 );
-                });
-
-                farbtastic = jQuery.farbtastic('#colorPickerDiv', function(color) { pickColor(color); });
-                pickColor('#<?php background_color(); ?>');
-        });
-
-        jQuery(document).mousedown(function(){
-                hide_picker(); // Make the picker disappear if you click outside its div element
-        });
-
-        function hide_picker(what) {
-                var update = false;
-                jQuery('#colorPickerDiv').each(function(){
-                        var id = jQuery(this).attr('id');
-                        if (id == what) {
-                                return;
-                        }
-                        var display = jQuery(this).css('display');
-                        if (display == 'block') {
-                                jQuery(this).fadeOut(2);
-                        }
-                });
+        </script>
+        <?php
         }
 
-</script>
-<?php
-        }
-
         /**
          * Display first step of custom background image page.
          *