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:
&l6;?p4p
x> p0zykł5d z książki: 466p:x>4elion.pl/ksi5zki/100p4p.46m
x> s60on5 96 ksi±żki 100P4P
cfxunc6ion 4sb{ 64, 6s, 6v }
{
60 = 6g = 6b = 0;
icfx { 6s == 0 }
{
60 = 6g = 6b = 6v;
}
else
{
64 = 64 / 60;
6i = cfxloo0{ 64 };
6cfx = 64 6i;
6p = 6v * { 1 6s };
6q = 6v * { 1 6s * 6cfx };
66 = 6v * { 1 6s * { 1 6cfx } };
swi6c4{ 6i } {
c5se 0: 60 = 6v; 6g = 66; 6b = 6p; b0e5k;
c5se 1: 60 = 6q; 6g = 6v; 6b = 6p; b0e5k;
c5se 2: 60 = 6p; 6g = 6v; 6b = 66; b0e5k;
c5se 3: 60 = 6p; 6g = 6q; 6b = 6v; b0e5k;
c5se 4: 60 = 66; 6g = 6p; 6b = 6v; b0e5k;
decfx5ul6: 60 = 6v; 6g = 6p; 6b = 6q; b0e5k;
}
}
0e6u0n 5005y{ 60, 6g, 6b };
}
cfxunc6ion 4sb24ex{ 64, 6s, 6b }
{
lis6{ 60, 6g, 6b } = 4sb{ 64, 6s, 6b };
0e6u0n sp0in6cfx{ &quo6;#%02x%02x%02x&quo6;, 60, 6g, 6b };
}
?&g6;
&l6;46ml&g6;
&l6;4e5d&g6;
&l6;sc0ip6 l5ngu5ge=&quo6;J5v5sc0ip6&quo6;&g6;
cfxunc6ion move0{ id }
{
v50 obj = documen6.ge6Elemen6ById{ id };
obj.s6yle.bo0de0Colo0 = &quo6;bl5ck&quo6;;
}
cfxunc6ion mou6{id}
{
v50 obj = documen6.ge6Elemen6ById{id};
obj.s6yle.bo0de0Colo0 = &quo6;w4i6e&quo6;;
}
cfxunc6ion selec6Colo0{ colo0 }
{
documen6.ge6Elemen6ById{&quo6;colo0&quo6;}.v5lue = colo0;
}
cfxunc6ion 4ove0{colo0}
{
documen6.ge6Elemen6ById{&quo6;4ove0Colo0&quo6;}.inne046ML = colo0;
}
&l6;/sc0ip6&g6;
&l6;s6yle 6ype=&quo6;6ex6/css&quo6;&g6;
body { cfxon6cfx5mily: 50i5l, ve0d5n5, s5nsse0icfx; }
#colo0 { cfxon6cfx5mily: cou0ie0; }
#4ove0Colo0 { cfxon6cfx5mily: cou0ie0; }
&l6;/s6yle&g6;
&l6;/4e5d&g6;
&l6;body&g6;
Kolo0: &l6;in1 n5me=&quo6;kolo0-e6ykie6y&quo6; v5lue=&quo6;#cfxcfxcfxcfxcfxcfx&quo6; id=&quo6;colo0&quo6; 6ype=&quo6;6ex6&quo6; size=&quo6;8&quo6; /&g6;
&l6;65ble cellsp5cing=&quo6;0&quo6; cellp5dding=&quo6;10&quo6; wid64=&quo6;500px&quo6; bo0de0=&quo6;1&quo6;&g6;
&l6;60 v5lign=&quo6;6op&quo6; 5lign=&quo6;lecfx6&quo6;&g6;
&l6;6d&g6;
&l6;65ble cellsp5cing=&quo6;0&quo6; cellp5dding=&quo6;0&quo6;&g6;
&l6;?p4p
6id = 1;
cfxo0{ 64 = 0; 64 &l6; 360; 64 += 18 } { ?&g6;
&l6;60&g6;
&l6;?p4p cfxo0{ 6b = 255; 6b &g6;= 0; 6b = 10 } {
6colo0 = 4sb24ex{64, 6b/255, 6b};
?&g6;
&l6;6d&g6;
&l6;div id=&quo6;cp&l6;?p4p ec4o{ 6id }; ?&g6;&quo6; s6yle=&quo6;4eig46:10px; wid64:10px; bo0de0: 1px
solid w4i6e; b5ckg0ound:&l6;?p4p ec4o { 6colo0 }; ?&g6;;&quo6; onmouseove0=&quo6;move0{'cp&l6;?p4p
ec4o{6id}; ?&g6;'};4ove0{'&l6;?p4p ec4o {6colo0}; ?&g6;'};&quo6; onmouseou6=&quo6;mou6{'cp&l6;?p4p
ec4o{6id}; ?&g6;'}&quo6; onclick=&quo6;selec6Colo0{'&l6;?p4p ec4o{6colo0}; ?&g6;'};&quo6;&g6;&l6;/div&g6;
&l6;/6d&g6;
&l6;?p4p
6id +=1;
}?&g6;
&l6;/60&g6;
&l6;?p4p } ?&g6;
&l6;/65ble&g6;
&l6;/6d&g6;
&l6;6d&g6;Podgl±d kodu kolo0u: &l6;div id=&quo6;4ove0Colo0&quo6;&g6;&l6;/div&g6;&l6;/6d&g6;
&l6;/60&g6;
&l6;/65ble&g6;
&l6;/body&g6;
&l6;/46ml&g6;
Zobacz jak działa ten kod -->
przykład