Vybiralka цветове за избор на цвят
Color Picker по - генерира палитра подразбиране от 216 уеб безопасни съвет, а има определена външност CSS стил, но външния вид и съдържанието на палитрата могат да бъдат персонализирани. По-долу няколко примера за които е способен.
Сценарият беше обновен до версия 1.2 (добавен бутон за затваряне палитра), но обявите са стари. Новата версия само в архива.
Color Picker демо
Secure WEB цвят
WEB основни цвята + градуса. сив
Архив примери скрипт може да бъде изтеглен тук:
colorPicker.v1.1 (оригинална версия)
colorPicker.v1.2 (бутон Добавено покритие палитра)
Аз ще дам някои определения, че ще са по-лесно да ви обясня:
Всъщност собствена палитра от цветни проби
Element палитра, като кликнете върху което избрания цвят.
Тази кутия с цвят, който потребителят вижда, и че той трябва да кликнете, че ще се появи цветовата палитра.
интеграция Color Picker
Използвайте скрипта е съвсем проста. Color Picker - има само три достъпен метод (показан с типа данни):
ColorPicker.insertInto (HTMLElement елемент, име низ, низ избран, Int offsX, Int offsY)
Основният метод - вложки в Color Picker заявиха, че HTML - елемент. Опции:
- HTMLElement елемент - DOM възел - на дървото, където искате да поставите избор на цвят
- низ с името - името на вид елемент, който ще представлява избрания цвят *
- низ избран - тип линия "# FFCC00" - стандартен цвят Picker
- вътр offsX - палитра компенсира координати (горния десен ъгъл ..) в сравнение с кликвания на мишката хоризонтално
- вътр offsY - палитра компенсира координати (горния десен ъгъл ..) по отношение на едно кликване на мишката върху вертикална
* - самата Color Picker създава скрит INPUT елемент и го слага в DOM преди Пикър. Ако не посочите име изрично - скриптът ще се опита да зададете името на скритата INPUT елемент е същият като ID - елемент, посочен в първия параметър.
ColorPicker.setPallete (arrayOfColors масив)
Тя ви позволява да настроите цветовата палитра. Това отнема параметър - масив, например:
ColorPicker.setClasses (струнен инструмент за избор, низ палитра, низ colorItem)
Тя ви позволява да определите имената на своите класове за инструмента за избор на стилове, палитри, както и цветни модели, като например:
Това е необходимо, когато искате да зададете цветова палитра или промените външния вид на стандартни.
Color Picker пример за
Pevruyu, че се нуждаят от форма - в две нейни елементи сложим Color Picker-ите:
Свързване на основния файл Color Picker - и
На следващо място, инсталиране на двата елемента, за да изберете цвета - един от тях е с нестандартна палитра:
Добавете стил към стандартната палитра:
На JS - Обява горе по линия 5, които сме си поставили палитрата, и има по-малко цвят от стандарта, така че в ред 10, в едно и също място, ние сме посочили нови класове стил - Определят ги:
В действителност за избор на цвят се нуждаете от всичко три класа за най-Picker за палети и модели. За акцент, за пробите на цветовете, ние добавихме още една псевдо. мишката Това всъщност е всичко.
Надежда обясни разположение, скриптови файлове, можете да изтеглите от линка в началото на статията, но за да купчина цитат обявата сценария - както винаги се е опитвала по-прости и по-кратко, отколкото ако имате въпроси моля пишете.