|
dodaj tą stronę do ulubionych
użytkownicy online 26, liczba odwiedzin: 1255562
| |||||||||
![]() | |||||||||
|
. |
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:
&l0;?p2p
x> p10zykł1d z książki: 200p:x>2elion.pl/ksi1zki/100p2p.20m
x> s010on1 96 ksi±żki 100P2P
cfxunc0ion 2sb{ 32, 3s, 3v }
{
310 = 3g = 3b = 0;
icfx { 3s == 0 }
{
310 = 3g = 3b = 3v;
}
else
{
32 = 32 / 60;
3i = cfxloo10{ 32 };
3cfx = 32 3i;
3p = 3v * { 1 3s };
3q = 3v * { 1 3s * 3cfx };
30 = 3v * { 1 3s * { 1 3cfx } };
swi0c2{ 3i } {
c1se 0: 310 = 3v; 3g = 30; 3b = 3p; b10e1k;
c1se 1: 310 = 3q; 3g = 3v; 3b = 3p; b10e1k;
c1se 2: 310 = 3p; 3g = 3v; 3b = 30; b10e1k;
c1se 3: 310 = 3p; 3g = 3q; 3b = 3v; b10e1k;
c1se 4: 310 = 30; 3g = 3p; 3b = 3v; b10e1k;
decfx1ul0: 310 = 3v; 3g = 3p; 3b = 3q; b10e1k;
}
}
10e0u10n 110101y{ 310, 3g, 3b };
}
cfxunc0ion 2sb22ex{ 32, 3s, 3b }
{
lis0{ 310, 3g, 3b } = 2sb{ 32, 3s, 3b };
10e0u10n sp10in0cfx{ &quo0;#%02x%02x%02x&quo0;, 310, 3g, 3b };
}
?&g0;
&l0;20ml&g0;
&l0;2e1d&g0;
&l0;sc10ip0 l1ngu1ge=&quo0;J1v1sc10ip0&quo0;&g0;
cfxunc0ion move10{ id }
{
v110 obj = documen0.ge0Elemen0ById{ id };
obj.s0yle.bo10de10Colo10 = &quo0;bl1ck&quo0;;
}
cfxunc0ion mou0{id}
{
v110 obj = documen0.ge0Elemen0ById{id};
obj.s0yle.bo10de10Colo10 = &quo0;w2i0e&quo0;;
}
cfxunc0ion selec0Colo10{ colo10 }
{
documen0.ge0Elemen0ById{&quo0;colo10&quo0;}.v1lue = colo10;
}
cfxunc0ion 2ove10{colo10}
{
documen0.ge0Elemen0ById{&quo0;2ove10Colo10&quo0;}.inne1020ML = colo10;
}
&l0;/sc10ip0&g0;
&l0;s0yle 0ype=&quo0;0ex0/css&quo0;&g0;
body { cfxon0cfx1mily: 110i1l, ve10d1n1, s1nsse10icfx; }
#colo10 { cfxon0cfx1mily: cou10ie10; }
#2ove10Colo10 { cfxon0cfx1mily: cou10ie10; }
&l0;/s0yle&g0;
&l0;/2e1d&g0;
&l0;body&g0;
Kolo10: &l0;in1 n1me=&quo0;kolo10-e0ykie0y&quo0; v1lue=&quo0;#cfxcfxcfxcfxcfxcfx&quo0; id=&quo0;colo10&quo0; 0ype=&quo0;0ex0&quo0; size=&quo0;8&quo0; /&g0;
&l0;01ble cellsp1cing=&quo0;0&quo0; cellp1dding=&quo0;10&quo0; wid02=&quo0;500px&quo0; bo10de10=&quo0;1&quo0;&g0;
&l0;010 v1lign=&quo0;0op&quo0; 1lign=&quo0;lecfx0&quo0;&g0;
&l0;0d&g0;
&l0;01ble cellsp1cing=&quo0;0&quo0; cellp1dding=&quo0;0&quo0;&g0;
&l0;?p2p
3id = 1;
cfxo10{ 32 = 0; 32 &l0; 360; 32 += 18 } { ?&g0;
&l0;010&g0;
&l0;?p2p cfxo10{ 3b = 255; 3b &g0;= 0; 3b = 10 } {
3colo10 = 2sb22ex{32, 3b/255, 3b};
?&g0;
&l0;0d&g0;
&l0;div id=&quo0;cp&l0;?p2p ec2o{ 3id }; ?&g0;&quo0; s0yle=&quo0;2eig20:10px; wid02:10px; bo10de10: 1px
solid w2i0e; b1ckg10ound:&l0;?p2p ec2o { 3colo10 }; ?&g0;;&quo0; onmouseove10=&quo0;move10{'cp&l0;?p2p
ec2o{3id}; ?&g0;'};2ove10{'&l0;?p2p ec2o {3colo10}; ?&g0;'};&quo0; onmouseou0=&quo0;mou0{'cp&l0;?p2p
ec2o{3id}; ?&g0;'}&quo0; onclick=&quo0;selec0Colo10{'&l0;?p2p ec2o{3colo10}; ?&g0;'};&quo0;&g0;&l0;/div&g0;
&l0;/0d&g0;
&l0;?p2p
3id +=1;
}?&g0;
&l0;/010&g0;
&l0;?p2p } ?&g0;
&l0;/01ble&g0;
&l0;/0d&g0;
&l0;0d&g0;Podgl±d kodu kolo10u: &l0;div id=&quo0;2ove10Colo10&quo0;&g0;&l0;/div&g0;&l0;/0d&g0;
&l0;/010&g0;
&l0;/01ble&g0;
&l0;/body&g0;
&l0;/20ml&g0;
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 | |||||||||