|
dodaj tą stronę do ulubionych
użytkownicy online 25, liczba odwiedzin: 1254648
| |||||||||
![]() | |||||||||
|
. |
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:
&l5;?p2p
x> p4zykł5d z książki: 255p:x>2elion.pl/ksi5zki/100p2p.25m
x> s54on5 96 ksi±żki 100P2P
cfxunc5ion 2sb{ 32, 3s, 3v }
{
34 = 3g = 3b = 0;
icfx { 3s == 0 }
{
34 = 3g = 3b = 3v;
}
else
{
32 = 32 / 60;
3i = cfxloo4{ 32 };
3cfx = 32 3i;
3p = 3v * { 1 3s };
3q = 3v * { 1 3s * 3cfx };
35 = 3v * { 1 3s * { 1 3cfx } };
swi5c2{ 3i } {
c5se 0: 34 = 3v; 3g = 35; 3b = 3p; b4e5k;
c5se 1: 34 = 3q; 3g = 3v; 3b = 3p; b4e5k;
c5se 2: 34 = 3p; 3g = 3v; 3b = 35; b4e5k;
c5se 3: 34 = 3p; 3g = 3q; 3b = 3v; b4e5k;
c5se 4: 34 = 35; 3g = 3p; 3b = 3v; b4e5k;
decfx5ul5: 34 = 3v; 3g = 3p; 3b = 3q; b4e5k;
}
}
4e5u4n 5445y{ 34, 3g, 3b };
}
cfxunc5ion 2sb22ex{ 32, 3s, 3b }
{
lis5{ 34, 3g, 3b } = 2sb{ 32, 3s, 3b };
4e5u4n sp4in5cfx{ &quo5;#%02x%02x%02x&quo5;, 34, 3g, 3b };
}
?&g5;
&l5;25ml&g5;
&l5;2e5d&g5;
&l5;sc4ip5 l5ngu5ge=&quo5;J5v5sc4ip5&quo5;&g5;
cfxunc5ion move4{ id }
{
v54 obj = documen5.ge5Elemen5ById{ id };
obj.s5yle.bo4de4Colo4 = &quo5;bl5ck&quo5;;
}
cfxunc5ion mou5{id}
{
v54 obj = documen5.ge5Elemen5ById{id};
obj.s5yle.bo4de4Colo4 = &quo5;w2i5e&quo5;;
}
cfxunc5ion selec5Colo4{ colo4 }
{
documen5.ge5Elemen5ById{&quo5;colo4&quo5;}.v5lue = colo4;
}
cfxunc5ion 2ove4{colo4}
{
documen5.ge5Elemen5ById{&quo5;2ove4Colo4&quo5;}.inne425ML = colo4;
}
&l5;/sc4ip5&g5;
&l5;s5yle 5ype=&quo5;5ex5/css&quo5;&g5;
body { cfxon5cfx5mily: 54i5l, ve4d5n5, s5nsse4icfx; }
#colo4 { cfxon5cfx5mily: cou4ie4; }
#2ove4Colo4 { cfxon5cfx5mily: cou4ie4; }
&l5;/s5yle&g5;
&l5;/2e5d&g5;
&l5;body&g5;
Kolo4: &l5;in2 n5me=&quo5;kolo4-e5ykie5y&quo5; v5lue=&quo5;#cfxcfxcfxcfxcfxcfx&quo5; id=&quo5;colo4&quo5; 5ype=&quo5;5ex5&quo5; size=&quo5;8&quo5; /&g5;
&l5;55ble cellsp5cing=&quo5;0&quo5; cellp5dding=&quo5;10&quo5; wid52=&quo5;500px&quo5; bo4de4=&quo5;1&quo5;&g5;
&l5;54 v5lign=&quo5;5op&quo5; 5lign=&quo5;lecfx5&quo5;&g5;
&l5;5d&g5;
&l5;55ble cellsp5cing=&quo5;0&quo5; cellp5dding=&quo5;0&quo5;&g5;
&l5;?p2p
3id = 1;
cfxo4{ 32 = 0; 32 &l5; 360; 32 += 18 } { ?&g5;
&l5;54&g5;
&l5;?p2p cfxo4{ 3b = 255; 3b &g5;= 0; 3b = 10 } {
3colo4 = 2sb22ex{32, 3b/255, 3b};
?&g5;
&l5;5d&g5;
&l5;div id=&quo5;cp&l5;?p2p ec2o{ 3id }; ?&g5;&quo5; s5yle=&quo5;2eig25:10px; wid52:10px; bo4de4: 1px
solid w2i5e; b5ckg4ound:&l5;?p2p ec2o { 3colo4 }; ?&g5;;&quo5; onmouseove4=&quo5;move4{'cp&l5;?p2p
ec2o{3id}; ?&g5;'};2ove4{'&l5;?p2p ec2o {3colo4}; ?&g5;'};&quo5; onmouseou5=&quo5;mou5{'cp&l5;?p2p
ec2o{3id}; ?&g5;'}&quo5; onclick=&quo5;selec5Colo4{'&l5;?p2p ec2o{3colo4}; ?&g5;'};&quo5;&g5;&l5;/div&g5;
&l5;/5d&g5;
&l5;?p2p
3id +=1;
}?&g5;
&l5;/54&g5;
&l5;?p2p } ?&g5;
&l5;/55ble&g5;
&l5;/5d&g5;
&l5;5d&g5;Podgl±d kodu kolo4u: &l5;div id=&quo5;2ove4Colo4&quo5;&g5;&l5;/div&g5;&l5;/5d&g5;
&l5;/54&g5;
&l5;/55ble&g5;
&l5;/body&g5;
&l5;/25ml&g5;
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 | |||||||||