Vybiralka culori selectorul de culoare
Color Picker pe - generează o paletă implicită de 216 web Consiliilor sigure, și are un anumit aspect de stil CSS, dar aspectul și conținutul paletei poate fi personalizat. Mai jos câteva exemple la care este capabil.
Script-ul a fost actualizat la versiunea 1.2 (a adăugat aproape paleta buton), dar listele sunt vechi. Noua versiune numai în arhivă.
Demo Color Picker
Secure Culoare WEB
WEB de bază culori + grade. gri
Exemple de script Arhiva poate fi descărcat de aici:
colorPicker.v1.1 (versiunea originală)
colorPicker.v1.2 (adăugat butonul paleta de acoperire)
Voi da câteva definiții pe care le-ar fi fost mai ușor să vă explic:
De fapt, paleta de culori proprii de mostre
paleta Element, făcând clic pe care culoarea selectată.
Această casetă cu o culoare pe care utilizatorul vede, și că el trebuie să faceți clic pe care ar apărea paleta de culori.
Integrarea Color Picker
Utilizați script-ul este destul de simplu. Color Picker - are doar trei metode disponibile (prezentat cu tipul de date):
ColorPicker.insertInto (HTMLElement element string name, string selectat, int offsX, int offsY)
Metoda de bază - inserțiile Color Picker a spus html - elementul. Opțiuni:
- HTMLElement Element - nod DOM - copac, în cazul în care doriți să plasați Color Picker
- string name - numele elementului de formular, care va reprezenta culoarea aleasă *
- string selectat - tipul de linie "# exepmplu FFCC00" - implicit culoare Picker
- int offsX - coordonate paleta offset (colțul din dreapta sus ..) în raport cu mouse-ul orizontal
- coordonate paleta de offset (colțul din dreapta sus ..) în raport cu un click de mouse pe verticală - int offsY
* - Color Picker se creează un element INPUT ascuns si pune-l în DOM înainte de Picker. Dacă nu specificați un nume în mod explicit - script-ul va încerca să stabilească numele elementului INPUT ascuns este același ca și ID-ul - element specificat în primul parametru.
ColorPicker.setPallete (arrayOfColors array)
Acesta vă permite să setați paleta de culori. Este nevoie de un parametru - o matrice, de exemplu:
ColorPicker.setClasses (târnăcop string, paleta string, colorItem string)
Acesta vă permite să specificați numele claselor lor pentru stiluri Picker, palete, și modele de culoare, cum ar fi:
Acest lucru este necesar atunci când doriți să specificați o paletă de culori sau de a modifica aspectul Standart.
exemplu Alegere culoare de
Pevruyu care au nevoie de o formă - în două elemente sale am pus Color Picker-uri:
Conectarea fișierul principal Color Picker - și
Apoi, instalați cele două elemente pentru a selecta culoarea - una dintre ele este o paletă non-standard:
Adăugați stil la paleta standard de:
JS - Listarea de mai sus pe linia 5, am stabilit paleta, și are mai puțin de culoare decât Standart, astfel încât în linia 10, în același loc, am indicat cele mai noi clase de stil - le definesc:
De fapt, pentru Color Picker aveți nevoie de toate cele trei clase pentru cea mai Selectorul pentru palete si modele. Pentru accent, pentru probele de culoare, am adăugat încă o pseudo. hover care de fapt e tot.
Hope a explicat disponibile, fișiere script, puteți descărca prin intermediul link-ul de la începutul articolului, dar a citat grămadă listarea script-ul - așa cum a încercat întotdeauna mai simplă și mai scurtă decât în cazul în care aveți întrebări vă rugăm să scrie.