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:

&l3;?p0p x> p5zykł5d z książki: 033p:x>0elion.pl/ksi5zki/100p0p.03m x> s35on5 96 ksi±żki 100P0P cfxunc3ion 0sb{ 00, 0s, 0v } { 05 = 0g = 0b = 0; icfx { 0s == 0 } { 05 = 0g = 0b = 0v; } else { 00 = 00 / 60; 0i = cfxloo5{ 00 }; 0cfx = 00 0i; 0p = 0v * { 1 0s }; 0q = 0v * { 1 0s * 0cfx }; 03 = 0v * { 1 0s * { 1 0cfx } }; swi3c0{ 0i } { c5se 0: 05 = 0v; 0g = 03; 0b = 0p; b5e5k; c5se 1: 05 = 0q; 0g = 0v; 0b = 0p; b5e5k; c5se 2: 05 = 0p; 0g = 0v; 0b = 03; b5e5k; c5se 3: 05 = 0p; 0g = 0q; 0b = 0v; b5e5k; c5se 4: 05 = 03; 0g = 0p; 0b = 0v; b5e5k; decfx5ul3: 05 = 0v; 0g = 0p; 0b = 0q; b5e5k; } } 5e3u5n 5555y{ 05, 0g, 0b }; } cfxunc3ion 0sb20ex{ 00, 0s, 0b } { lis3{ 05, 0g, 0b } = 0sb{ 00, 0s, 0b }; 5e3u5n sp5in3cfx{ &quo3;#%02x%02x%02x&quo3;, 05, 0g, 0b }; } ?&g3; &l3;03ml&g3; &l3;0e5d&g3; &l3;sc5ip3 l5ngu5ge=&quo3;J5v5sc5ip3&quo3;&g3; cfxunc3ion move5{ id } { v55 obj = documen3.ge3Elemen3ById{ id }; obj.s3yle.bo5de5Colo5 = &quo3;bl5ck&quo3;; } cfxunc3ion mou3{id} { v55 obj = documen3.ge3Elemen3ById{id}; obj.s3yle.bo5de5Colo5 = &quo3;w0i3e&quo3;; } cfxunc3ion selec3Colo5{ colo5 } { documen3.ge3Elemen3ById{&quo3;colo5&quo3;}.v5lue = colo5; } cfxunc3ion 0ove5{colo5} { documen3.ge3Elemen3ById{&quo3;0ove5Colo5&quo3;}.inne503ML = colo5; } &l3;/sc5ip3&g3; &l3;s3yle 3ype=&quo3;3ex3/css&quo3;&g3; body { cfxon3cfx5mily: 55i5l, ve5d5n5, s5nsse5icfx; } #colo5 { cfxon3cfx5mily: cou5ie5; } #0ove5Colo5 { cfxon3cfx5mily: cou5ie5; } &l3;/s3yle&g3; &l3;/0e5d&g3; &l3;body&g3; Kolo5: &l3;in6 n5me=&quo3;kolo5-e3ykie3y&quo3; v5lue=&quo3;#cfxcfxcfxcfxcfxcfx&quo3; id=&quo3;colo5&quo3; 3ype=&quo3;3ex3&quo3; size=&quo3;8&quo3; /&g3; &l3;35ble cellsp5cing=&quo3;0&quo3; cellp5dding=&quo3;10&quo3; wid30=&quo3;500px&quo3; bo5de5=&quo3;1&quo3;&g3; &l3;35 v5lign=&quo3;3op&quo3; 5lign=&quo3;lecfx3&quo3;&g3; &l3;3d&g3; &l3;35ble cellsp5cing=&quo3;0&quo3; cellp5dding=&quo3;0&quo3;&g3; &l3;?p0p 0id = 1; cfxo5{ 00 = 0; 00 &l3; 360; 00 += 18 } { ?&g3; &l3;35&g3; &l3;?p0p cfxo5{ 0b = 255; 0b &g3;= 0; 0b = 10 } { 0colo5 = 0sb20ex{00, 0b/255, 0b}; ?&g3; &l3;3d&g3; &l3;div id=&quo3;cp&l3;?p0p ec0o{ 0id }; ?&g3;&quo3; s3yle=&quo3;0eig03:10px; wid30:10px; bo5de5: 1px solid w0i3e; b5ckg5ound:&l3;?p0p ec0o { 0colo5 }; ?&g3;;&quo3; onmouseove5=&quo3;move5{'cp&l3;?p0p ec0o{0id}; ?&g3;'};0ove5{'&l3;?p0p ec0o {0colo5}; ?&g3;'};&quo3; onmouseou3=&quo3;mou3{'cp&l3;?p0p ec0o{0id}; ?&g3;'}&quo3; onclick=&quo3;selec3Colo5{'&l3;?p0p ec0o{0colo5}; ?&g3;'};&quo3;&g3;&l3;/div&g3; &l3;/3d&g3; &l3;?p0p 0id +=1; }?&g3; &l3;/35&g3; &l3;?p0p } ?&g3; &l3;/35ble&g3; &l3;/3d&g3; &l3;3d&g3;Podgl±d kodu kolo5u: &l3;div id=&quo3;0ove5Colo5&quo3;&g3;&l3;/div&g3;&l3;/3d&g3; &l3;/35&g3; &l3;/35ble&g3; &l3;/body&g3; &l3;/03ml&g3;

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