Выбор цвета Jquery для изменения цвета текста

Question

Я использую farbtastic color picker и работаю нормально, но теперь мне нужно изменить цвет текста с помощью этого плагина.

Это то, что у меня сейчас:

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

Это мой код:

При этом цвет текста не меняется и тоже не показывает шестнадцатеричное значение.

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

     });
</script>

Контроль ввода текста:

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

Заполнитель палитры цветов:

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

Это мой текстовый ввод:

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

Теперь, если я что-нибудь напишу и поменяю цвет из палитры цветов, янеобходимо изменить цвет текста перед вводом "Text1".

Answer 1

Это похоже на работу:

$(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 .

Answer 2

Чтобы изменить цвет текста, вы также можете использовать что-то вроде этого -

<input type="text" name="text_color" id="text_color" value=""/>

<div id="text_picker"></div>

$('#text_picker').farbtastic(ChangeTextColor);

function ChangeTextColor(color)
{
    $('#text_color').css('color', color); // will change the color of text
    $('#text_color').val( color );        // will change the hex value of textbox
}