понял спс буду разбираться
|
http://www.eyecon.ro/bootstrap-colorpicker/
комментариев немного, но код небольшой и вполне понятный |
Цитата:
|
вот демо версия того что получилось
http://learn.javascript.ru/play/D6FMAb |
Цитата:
а ссылка очень полезная много инетиресного узнал=) |
Цитата:
|
Цитата:
квадрат с права будет миниатюрой по клику на которую будет появляться над ним colorpicker, слева от него(квадрата с текущим цветом) будет форма отображающие цвета в шестнадцатиричной системе. как то так=) щас е*** мозг с дизайном=( |
Цитата:
библиотеку подключил а шкалу всеравно не рисует только рамку от нее (сообщение что канва не поддерживается не выдает) |
если кому будет интересно, вот colorpicker на чистом javascript, без использования jquery и картинок
|
Очуметь 13 тысяч байт там где можно обойтись парой градиентов.
<style type="text/css">
i#cp1,i#cp2,i#cp3 { position: absolute;display: block;width: 100px;height: 100px;
background:linear-gradient(to left,rgba(255, 0, 0, 1),rgba(255, 255, 255, 1));}
i#cp2{background:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(255, 0, 0, 0));}
i#cp3{left: 110px;width: 10px;background:linear-gradient(to top,#F00,#FF0,#0F0,#0FF,#00F,#F0F,#F00);}
</style>
<b id="color_picker">
<i id="cp1"></i>
<i id="cp2"></i>
<i id="cp3"></i>
</b>
|
| Часовой пояс GMT +3, время: 23:18. |