Как я могу добавить # перед моим цветом в jpicker - PullRequest
Новая
       7

Как я могу добавить # перед моим цветом в jpicker

0 голосов
/ 06 марта 2011

Мое программное обеспечение прекрасно работает с jquery jpicker.Я получаю цвет, такой как FF0000, но я хотел бы добавить «#» при вводе информации, чтобы он был # FF0000.Я предполагаю, что вы делаете это во время обратного вызова, но я не мог понять это.

Кроме того, я хотел бы иметь возможность ввести "красный" или "синий", но, похоже, что тамэто сообщение, которое не разрешено.

Спасибо.

Ответы [ 2 ]

0 голосов
/ 29 октября 2017

Вы должны отредактировать jpicker-1.1.6.js для этого:

Строка ~ 455 (для изменения внутри INPUT - редактирование в реальном времени) ... 

bindedHex.val(bindedHex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));

до 

bindedHex.val(bindedHex.val().replace(/[^#a-fA-F0-9]/g, '').toLowerCase().substring(0, 7));


Строка ~ 482 (для изменения внутри INPUT - после редактирования) ... 

bindedHex && bindedHex.val(color.val('hex'));

до 

bindedHex && bindedHex.val('#'+color.val('hex'));


Строка ~ 525 (для изменения цвета на панели) ... 

if (bindedHex && context != bindedHex.get(0) && context != hex.get(0)) bindedHex.val(all != null ? all.hex : '');

до 

if (bindedHex && context != bindedHex.get(0) && context != hex.get(0)) bindedHex.val(all != null ? '#'+all.hex : '');
0 голосов
/ 06 марта 2011

Внизу этой веб-страницы вы можете увидеть пример. 

$('#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);
    }
});
...