Форум

nevai · #1 (**permalink**) 21.02.2014, 17:11

Доброго времени суток уважаемые форумчане.
У меня возник вопрос по Color Picker jQuery Plugin который расположен по адресу http://colpick.com/plugin
Мне нужно от него добиться вставки цвета в формате rgb (000,000,000) - примерно вот так как в кавычках.
Я его использую вот так

<input type="text" size="6" id="zvetten" class="zvetten" rel="zvetten" value="255,255,255" style="background: #d1e5f0;"/>

Все подключил все работает в js прописал вот так

$('.zvetten').colpick({
	layout:'rgbhex',
	submit:0,
	colorScheme:'light',
	onChange:function(hsb,hex,rgb,el,bySetColor) {
		$(el).css('background','#'+hex);
// здесь я его заношу для вывода в hex
		css3['rgbValue'] = '#'+hex;
        createCSS();
		if(!bySetColor) $(el).val(hex);
	}
}).keyup(function(){
	$(this).colpickSetColor(this.value);
});

В простом hex то понятно работает, а вот чтобы работал с rgb не пойму.
Подскажите люди добрые. Гуглил много!!!

рони · #2 (**permalink**) 22.02.2014, 15:14

nevai,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://colpick.com/colpick/js/colpick.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://colpick.com/colpick/css/colpick.css" type="text/css"/>
</head>
<body>
   <input type="text" size="12" id="zvetten" class="zvetten" rel="zvetten" value="255,255,255" style="background: #d1e5f0;"/>
   <script>
      $('.zvetten').colpick({
	layout:'rgbhex',
	submit:0,
	colorScheme:'light',
	onChange:function(hsb,hex,rgb,el,bySetColor) {
		$(el).css('background','#'+hex);
// здесь я его заношу для вывода в hex
	   //	css3['rgbValue'] = '#'+hex;
       // createCSS();
		if(!bySetColor) {$(el).val(rgb.r+','+rgb.g+','+rgb.b);
         $(el).css({color : 'rgb('+(255-rgb.r)+','+(255-rgb.g)+','+(255 -rgb.b)+')'})}

	}
}).keyup(function(){
	$(this).colpickSetColor(this.value);
});

   </script>
</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript