Próbnik koloru

W w zadaniu VII Marcin Nosarzewski znalazł rozwiązanie - funkcję hsl2rgb.

Przerobiłem nieco ten skrypt, dodałem trochę od siebie i powstał próbnik koloru:

Sposób wywołania:

color=showModalDialog('color_picker.html', null, 'status:no;dialogWidth:320px;dialogHeight:260px;help:no');
alert(color);

Można to umieścić na jakimś linku lub buttonie i używać w CMSach.

Kwadrat jest podzielony na 32x32 = 1024 odrębne pola. Przy wolniejszych kompach jego zaczepiście długie generowanie może to być nieco wkurzające. Można albo zmniejszyć ilość pól kosztem zmniejszenia dokładności lub też postarać się zoptymalizować kod. Wszelkie optymalizacje mile widziane ;)

Skrypt na licencji GPL.

Data utworzenia : 2005-10-09, data aktualizacji :2008-09-01

Skomentuj ten tekst

Komentarze:

PIRO

2012-01-21 05:22:32

Zgodność z przeglądarką

W operze 9.63PL działa bez zarzutów.

lucas_yas

2005-11-30 09:31:17

przeglądarki

w firefoxie też działa

Odpowiedź Lemata:

showModalDialog działa w FF od wersji 3 dopiero

rant

2005-11-19 15:54:52

Próbnik koloru a inne przegladarki

Hmm powiem szczerze ze trafilem na ten element bo potrzebowalem wlasnie takiego probnika w swoim panelu. Ale byl maly problem, rozwiazanie podane przez Ciebie dziala tylko w IE, gdyz tylko w nim dziala showModalDialog. Proponuje zmienic ten showModal na window.open a w color_picker.html zmienic przypisanie wartosci w ten sposob: opener.document.forms['nazwa_formularza'].elements['nazwa_inputa'].value = 'cośtam'; window.close; Bo glownie wykorzystuje sie to do tego zeby przypisac wartosc do pole w formularzu. Pozdrawiam Wojtek rysiu # life , pl

Odpowiedź Lemata:

fakt, u mnie to działa w <div contentEditable='true'>, które też jest tylko dla IE. Dla FF 2 jest designMode='on'.