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



2005-11-30 09:31:17	lucas_yas
przeglądarki
w firefoxie też działa
Odp.: showModalDialog działa w FF od wersji 3 dopiero

2005-11-19 15:54:52	rant
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
Odp.: fakt, u mnie to działa w <div contentEditable='true'>, które też jest tylko dla IE. Dla FF 2 jest designMode='on'.

engine: