jpicker에서 색상을 # 앞에 추가하려면 어떻게해야합니까?

내 소프트웨어는 jquery jpicker와 잘 작동합니다. FF0000과 같은 색상이 나옵니다.하지만 # FF0000 정보를 입력하는 동안 "#"을 추가하고 싶습니다. 나는 당신이 콜백 중에 그것을한다고 가정하고있다. 그러나 나는 그것을 이해할 수 없었다.jpicker에서 색상을 # 앞에 추가하려면 어떻게해야합니까?

또한 "빨간색"또는 "파란색"을 입력 할 수 있지만 키 입력을 허용하지 않는 것으로 보입니다.

감사합니다.

출처

2011-03-06 Aaron Jay

사람들이 자신이하는 일을 볼 수 있도록 코드를 게시 해보세요. –

this web page 하단에는 예제가 있습니다.

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

출처

2011-03-06 15:00:54

색상 선택기의 일반적인 예를 볼 수 있지만 그 결과는 앞에 '#'이없는 6 자리 색상입니다 ... 색상을 선택할 때 '#'을 텍스트 입력 상자에 표시하고 싶습니다. 감사. –

이에 대한 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));

행 (INPUT 내부의 변화를 위해 - 편집 후) ~ 482 ...

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 : '');

출처

2017-10-29 07:13:19

jpicker에서 색상을 # 앞에 추가하려면 어떻게해야합니까?

답변

관련 문제