Мәтін түстерін өзгерту үшін Jquery түсті таңдау құралы

Мен farbtastic color picker пайдаланып, жақсы жұмыс істеп жатырмын, бірақ енді осы плагин арқылы мәтіннің түсін өзгерту керек.

Міне, қазір:

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

Бұл менің код:

Осыған байланысты мәтіннің түсі өзгермейді және менде hex мәнін көрсетпейді.

<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» кірісінен өзгерту керек.

1

2 жауаптар

Бұл жұмыс істейді:

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

6
қосылды
@ Sparky672, кез келген қателер бар ма? Ubuntu-дағы Chromium 14-де жұмыс істейді және Webkit браузерлері әдетте сәйкес келеді ... User944919: Өңделген жауапты және демонстрацияны қараңыз.
қосылды автор David Thomas, көзі
@ Sparky672, неге, сен немқұрайды - Билли ...;) және ешқандай алаңдаушылық жоқ, бұл біртүрлі сәтсіздік/қате көрінген. Бірақ, адал, бәрі емес пе? Дегенмен сізге көмек ұсынғаныңыз үшін рақмет; бұл өте риза! =)
қосылды автор David Thomas, көзі
@ user944919, FYI- Бұл шешім/демо Сафариде жұмыс істемейді.
қосылды автор Sparky, көзі
Ой! Менің қателігім! Мәтіннің өзі түсінің өзгеретінін көремін ... Мен ештеңе терпейді!
қосылды автор Sparky, көзі
@David, проблема жоқ ... Мен де онымен жұмыс істедім, бірақ ОС-ның «алдыңғы» түсінің өзгеруін қалайтындығын айтқан кезде, менің «артымнан» «араласқан »мын. Қатты күлу.
қосылды автор Sparky, көзі
Давидке мен үшін көп уақытты үнемдеуге рахмет және мен сіздің көмегіңізді бағалаймын.
қосылды автор coder, көзі
Жақсы проблемаларды басқаруға тырысамын, бірақ мен мәтінге негізгі түстерді қалай беруім керек екенін білуім керек.
қосылды автор coder, көзі
Иә, мен оны көрдім және бұл туралы жұмыс істей бастадым.
қосылды автор coder, көзі

Мәтіннің түсін өзгерту үшін сіз де осындай нәрсені пайдалана аласыз -

<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
}
1
қосылды