Paleta kolorów, z której użytkownik może wybrać jedną komórkę siatki z kolorem poprzez kliknięcie w nią.
Przykłady
<colorpicker type="button"/>
Atybuty
-
disabled
- Typ: boolean
- Określa, czy element jest wyłączony. Jeśli atrybut ten ma wartość
true
, to element będzie wyłączony. Wyłączone elementy zazwyczaj są wyszarzone. Jeśli element jest wyłączony, nie odpowiada na czynności użytkownika, nie może zostać na niego ustawiony focus, a zdarzenie command nie zostanie wywołane.
<!-- Pole wyboru włącza/wyłącza przycisk --> <checkbox label="Enable button" onclick="document.getElementById('buttRemove').disabled = this.checked"/> <button id="buttRemove" label="Remove All" disabled="true"/>
-
color
- Typ: kolor jako łańcuch znaków
- Aktualnie wybrany kolor. Ulega modyfikacji kiedy użytkownik zaznaczy inną wartość koloru. Łańcuch znaków koloru przydzielamy w formie #RRGGBB do tej własności, aby zmienić wybrany kolor.
-
onchange
- Typ: kod skryptu
- Kod w atrybucie
onchange
jest wywołany, kiedy wartość elementu jest zmieniana.
-
preference
- Typ: id elementu
- Łączy dany element z odpowiadającym mu elementem
preference
. Atrybut ten ma skutek tylko wewnątrz oknaprefwindow
. Wartość opcji (z elementupreference
) zostanie zaktualizowana zgodnie z wartością własnościvalue
tego elementu.
-
tabindex
- Typ: integer
- Porządek dla przełączania elementów klawiszem Tab. Elementy o wyższym tabindex umieszczane są w dalszej części sekwencji przełączania.
- type
- Typ: string
- Jeśli ten atrybut nie jest prezentowany, to colorpicker jest wyświetlony wewnątrz okna. Jeśli jest ustawiony w tekście przycisku (
button
), to colorpicker jest wyświetlony jako przycisk. Kiedy użytkownik naciśnie przycisk, pojawi się okienko popup, z którego użytkownik może wybrać kolor.
Własności
-
color
- Typ: kolor jako łańcuch znaków
- Aktualnie wybrany kolor. Ulega modyfikacji kiedy użytkownik zaznaczy inną wartość koloru. Łańcuch znaków koloru przydzielamy w formie #RRGGBB do tej własności, aby zmienić wybrany kolor.
Metody
Podobne
- Interfejsy
- nsIDOMXULControlElement