Плагин jQuery: Colorpicker - PullRequest
Новая
       20

Плагин jQuery: Colorpicker

2 голосов
/ 06 мая 2010

Привет всем, я использую эту палитру цветов (http://www.eyecon.ro/colorpicker) и пытаюсь захватить шестнадцатеричное значение, чтобы я мог использовать его на стороне сервера для сохранения выбранного цвета. Если вы посмотрите на предоставленную ссылку Я использую последний вариант: 

 $('#colorSelector').ColorPicker({
 color: '#0000ff',
 onShow: function (colpkr) {
  $(colpkr).fadeIn(500);
  return false;
 },
 onHide: function (colpkr) {
  $(colpkr).fadeOut(500);
  return false;
 },
 onChange: function (hsb, hex, rgb) {
  $('#colorSelector div').css('backgroundColor', '#' + hex);
 }
});

Моя проблема в том, что я не могу получить шестнадцатеричное значение из него ... Я пытался просто вызвать имя входа, чтобы получить его значение, но это не сработает (когда вы нажимаете заставьте палитру исчезнуть, ввод изменится на 'style = "display: none;"', поэтому я ничего не могу получить от него. Затем я попытался извлечь значение с помощью простых вызовов jQuery, но ничего не получил ...

Пожалуйста, помогите ....

Ответы [ 2 ]

3 голосов
/ 06 мая 2010

Во-первых, добро пожаловать в стек переполнения!

Событие onChange должно дать вам ответ. 

// initial colour value
var currentHex = '#0000ff';

$('#colorSelector').ColorPicker({
    color: currentHex,
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
        // every time a new colour is selected, this function is called
        alert(hex); // left for debugging
        currentHex = hex;
    }
});

// The currentHex value should easily be accessible as a vaiable
0 голосов
/ 06 мая 2010

Глядя на источник, автор использует его, чтобы получить: 

var div = $('#colorSelector'); // DOM element it is attaced to
var color = $('#' + $(div).data('colorpickerId')).data('colorpicker').color // get id of colorpicker, the object it stored in data and get color
...