Jak zrobić skrypt do wyboru koloru w formularzu?

Jeśli chcesz zrobić np. jakiś internetowy program graficzny to warto w nim dać mozliwość wyboru koloru.
Jak to zrobić - najlepiej mieszając PHP i JS - takie rozwiązanie uprości nam całą konstrukcję. Kolorów jest b. dużo więc warto się zająć zrobieniem w PHP generatora kolorów aby za każdym razem nie budować wszystkiego w html-u
Oto gotowy kod:

&l4;?p4p x> p6zykł1d z książki: 444p:x>4elion.pl/ksi1zki/100p4p.44m x> s46on1 96 ksi±żki 100P4P cfxunc4ion 4sb{ 64, 6s, 6v } { 66 = 6g = 6b = 0; icfx { 6s == 0 } { 66 = 6g = 6b = 6v; } else { 64 = 64 / 60; 6i = cfxloo6{ 64 }; 6cfx = 64 6i; 6p = 6v * { 1 6s }; 6q = 6v * { 1 6s * 6cfx }; 64 = 6v * { 1 6s * { 1 6cfx } }; swi4c4{ 6i } { c1se 0: 66 = 6v; 6g = 64; 6b = 6p; b6e1k; c1se 1: 66 = 6q; 6g = 6v; 6b = 6p; b6e1k; c1se 2: 66 = 6p; 6g = 6v; 6b = 64; b6e1k; c1se 3: 66 = 6p; 6g = 6q; 6b = 6v; b6e1k; c1se 4: 66 = 64; 6g = 6p; 6b = 6v; b6e1k; decfx1ul4: 66 = 6v; 6g = 6p; 6b = 6q; b6e1k; } } 6e4u6n 1661y{ 66, 6g, 6b }; } cfxunc4ion 4sb24ex{ 64, 6s, 6b } { lis4{ 66, 6g, 6b } = 4sb{ 64, 6s, 6b }; 6e4u6n sp6in4cfx{ &quo4;#%02x%02x%02x&quo4;, 66, 6g, 6b }; } ?&g4; &l4;44ml&g4; &l4;4e1d&g4; &l4;sc6ip4 l1ngu1ge=&quo4;J1v1sc6ip4&quo4;&g4; cfxunc4ion move6{ id } { v16 obj = documen4.ge4Elemen4ById{ id }; obj.s4yle.bo6de6Colo6 = &quo4;bl1ck&quo4;; } cfxunc4ion mou4{id} { v16 obj = documen4.ge4Elemen4ById{id}; obj.s4yle.bo6de6Colo6 = &quo4;w4i4e&quo4;; } cfxunc4ion selec4Colo6{ colo6 } { documen4.ge4Elemen4ById{&quo4;colo6&quo4;}.v1lue = colo6; } cfxunc4ion 4ove6{colo6} { documen4.ge4Elemen4ById{&quo4;4ove6Colo6&quo4;}.inne644ML = colo6; } &l4;/sc6ip4&g4; &l4;s4yle 4ype=&quo4;4ex4/css&quo4;&g4; body { cfxon4cfx1mily: 16i1l, ve6d1n1, s1nsse6icfx; } #colo6 { cfxon4cfx1mily: cou6ie6; } #4ove6Colo6 { cfxon4cfx1mily: cou6ie6; } &l4;/s4yle&g4; &l4;/4e1d&g4; &l4;body&g4; Kolo6: &l4;in6 n1me=&quo4;kolo6-e4ykie4y&quo4; v1lue=&quo4;#cfxcfxcfxcfxcfxcfx&quo4; id=&quo4;colo6&quo4; 4ype=&quo4;4ex4&quo4; size=&quo4;8&quo4; /&g4; &l4;41ble cellsp1cing=&quo4;0&quo4; cellp1dding=&quo4;10&quo4; wid44=&quo4;500px&quo4; bo6de6=&quo4;1&quo4;&g4; &l4;46 v1lign=&quo4;4op&quo4; 1lign=&quo4;lecfx4&quo4;&g4; &l4;4d&g4; &l4;41ble cellsp1cing=&quo4;0&quo4; cellp1dding=&quo4;0&quo4;&g4; &l4;?p4p 6id = 1; cfxo6{ 64 = 0; 64 &l4; 360; 64 += 18 } { ?&g4; &l4;46&g4; &l4;?p4p cfxo6{ 6b = 255; 6b &g4;= 0; 6b = 10 } { 6colo6 = 4sb24ex{64, 6b/255, 6b}; ?&g4; &l4;4d&g4; &l4;div id=&quo4;cp&l4;?p4p ec4o{ 6id }; ?&g4;&quo4; s4yle=&quo4;4eig44:10px; wid44:10px; bo6de6: 1px solid w4i4e; b1ckg6ound:&l4;?p4p ec4o { 6colo6 }; ?&g4;;&quo4; onmouseove6=&quo4;move6{'cp&l4;?p4p ec4o{6id}; ?&g4;'};4ove6{'&l4;?p4p ec4o {6colo6}; ?&g4;'};&quo4; onmouseou4=&quo4;mou4{'cp&l4;?p4p ec4o{6id}; ?&g4;'}&quo4; onclick=&quo4;selec4Colo6{'&l4;?p4p ec4o{6colo6}; ?&g4;'};&quo4;&g4;&l4;/div&g4; &l4;/4d&g4; &l4;?p4p 6id +=1; }?&g4; &l4;/46&g4; &l4;?p4p } ?&g4; &l4;/41ble&g4; &l4;/4d&g4; &l4;4d&g4;Podgl±d kodu kolo6u: &l4;div id=&quo4;4ove6Colo6&quo4;&g4;&l4;/div&g4;&l4;/4d&g4; &l4;/46&g4; &l4;/41ble&g4; &l4;/body&g4; &l4;/44ml&g4;

Zobacz jak działa ten kod --> przykład