Question

I am using farbtastic color picker and working fine but now I need to change the text color using this plugin.

This is what I have now:

http://jsfiddle.net/g2hZy/15/

This is my code:

With this the text color is not changing and not showing me the hex value too.

<script type="text/javascript">
     $(document).ready(function () {
         $('#colorpicker').farbtastic(function (color) {
             $("#colorpicker").style("color", color);
         });

     });
</script>

Text input control:

<input type="text" id="color" name="color" value="#123456" />

Color picker placeholder:

<div id="colorpicker"></div>

This is my text input:

<input id="Text1" type="text" />

Now if I write anything and change the color from color picker I need to change the text forecolor from “Text1” input.

Answer 1

This seems to work:

$(document).ready(function() {
    $('#colorpicker').farbtastic(function(color) {
        // sets the color for both the 'color' and 'Text1' inputs
        $("#color, #Text1").css("color", color);
        // updates the 'color' input to the currently-selected color
        $("#color").val(color);
    });

});

JS Fiddle demo.