Донецкий техникум промышленной автоматики

Color Picker - простий скрипт для вибору кольору

Якщо ви використовуєте якісь графічні редактори на сайті, або просто хочете скрасити якийсь матеріал за допомогою вибору кольору, або дати можливість оформити на свій смак коментарі користувачеві тоді цей урок саме для Вас Якщо ви використовуєте якісь графічні редактори на сайті, або просто хочете скрасити якийсь матеріал за допомогою вибору кольору, або дати можливість оформити на свій смак коментарі користувачеві тоді цей урок саме для Вас. У сьогоднішньому уроці мова піде про скрипт Flexi Color Picker, який використовує тільки JavaScript для створення інтерфейсу вибору кольору. Без flash, зображень, однопіксельні div. Для його роботи не потрібно ніяких бібліотек.

Цей плагін може бути корисний на форумах, інтернет конференціях, в чатах або в формах коментування останніх новин. І так, почнемо, для початку, нам необхідно підключити бібліотеку colorpicker.min:

<Script type = "text / javascript" src = "js / colorpicker.min.js"> </ script>

Потім ми задаємо стилі для вибору кольору, розмір вікна вибору кольору, і деякі параметри color picker Потім ми задаємо стилі для вибору кольору, розмір вікна вибору кольору, і деякі параметри color picker

<Script type = "text / javascript"> // <! [CDATA [

ColorPicker (document. GetElementById ( 'slide'), document. GetElementById ( 'picker'), function (hex, hsv, rgb) {document. Body. Style. BackgroundColor = hex;});

//]]> </ script>

Всі інші стилі які наведені в исходниках необхідні для демонстрації. На цьому все, скрипт простий в редагуванні і легко підправити на свій розсуд.

Читайте також: