|
dodaj tą stronę do ulubionych
użytkownicy online 25, liczba odwiedzin: 1255537
| |||||||||
![]() | |||||||||
|
. |
Uwaga! Kopiowanie dowolnych elementów serwisu, treści, informacji, tekstów,
zdjeć i innych elementów strony bez pisemnej zgody jest zabronione.
wstecz
poziom trudności: 2
nr porady: 363
Widok 1
Widok 2
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
|
. | ||||||
| | Copyright © 2001-2009 EXALT.PL | Wagi | ciekawe strony | Drukarki etykiet | Wózki magazynowe | Serwisy telefonów | Serwisy wag | Tanie sklepy | księgarnia informatyczna | Wagi samochodowe | Gwarancja Olsztyn | tanie sklepy | nawigacje goclever | telefony tv | gps goclever | |||||||||