ßê âñòàâèòè êîä íà êíîïêó

Êíîïêè â âåá-ñòîð³íêàõ âèêîðèñòîâóþòüñÿ äëÿ îðãàí³çàö³¿ ³íòåðàêòèâíî¿ âçàºìî䳿 ç êîðèñòóâà÷åì. ßê ïðàâèëî, ÿêùî â³äïîâ³äü íà íàòèñêàííÿ êíîïêè íå âèìàãຠâ³äïðàâêè äàíèõ íà ñåðâåð, òî ³íòåðàêòèâ ðåàë³çóºòüñÿ çà äîïîìîãîþ javascript-ñöåíàð³¿â. Ñïîñîáè âèêëèêó â³äïîâ³äíîãî javascript-êîäó ìîæóòü â³äð³çíÿòèñÿ - íèæ÷å îïèñàí³ ê³ëüêà ìîæëèâèõ âàð³àíò³â äëÿ êíîïîê ð³çíîãî òèïó.
ßê âñòàâèòè êîä íà êíîïêó




²íñòðóêö³ÿ
1
ßêùî â³äîáðàæåííÿ êíîïêè â âåá-ñòîð³íö³ îðãàí³çîâàíî çà äîïîìîãîþ òåãà button, òî javascript-êîä ìîæíà ïîì³ñòèòè â àòðèáóò onclick. Íàïðèêëàä, òàê:Çðîçóì³ëî, ïîì³ùàòè áåçïîñåðåäíüî â òåã êíîïêè äîñèòü âåëèêèé êîä íå äîö³ëüíî - êðàùå îôîðìèòè éîãî ÿê ôóíêö³þ, à â àòðèáóò onclick ïîì³ñòèòè ò³ëüêè êîä âèêëèêó ö³º¿ ôóíêö³¿. Íàïðèêëàä: {adsense}
2


ßêùî êíîïêà â³äîáðàæàºòüñÿ çà äîïîìîãîþ îäíîãî ç âàð³àíò³â òåãà input (submit, reset, button àáî image), òî ìîæíà âèêîðèñòîâóâàòè òîé æå ñàìèé àòðèáóò onclick. Íàïðèêëàä, äëÿ êíîïêè î÷èùåííÿ ïîë³â ôîðìè (reset), êîä ìîæå âèãëÿäàòè òàê:ßêùî íåîáõ³äíî, ùîá ï³ñëÿ íàòèñêàííÿ êíîïêè âèêîíóâàâñÿ ò³ëüêè javascript-ñöåíàð³é, à ïðèçíà÷åíîãî ¿é çà çàìîâ÷óâàííÿì 䳿 íå â³äáóâàëîñÿ, òî â ôóíêö³þ àáî áåçïîñåðåäíüî â àòðèáóò onclick ñë³ä äîäàòè êîìàíäó return false. Íàïðèêëàä:
3
ßêùî òðåáà îðãàí³çóâàòè â³äãóê íà íàòèñêàííÿ êíîïêè òèïó submit, òî, êð³ì íàâåäåíîãî âèùå ñïîñîáó ç âèêîðèñòàííÿì àòðèáóòà onclick, ìîæíà âèêîðèñòîâóâàòè âëàñòèâîñò³ òåãà ôîðìè, äî ÿêî¿ íàëåæèòü öÿ êíîïêà. ³äïîâ³äíèé âèêëèê ôóíêö³¿ ìîæíà ïîì³ñòèòè â àòðèáóò onsubmit òåãà form. Íàïðèêëàä:


4
ßêùî êíîïêà íå º åëåìåíòîì ôîðìè, à âñüîãî ëèøå ãðàô³÷íèì åëåìåíòîì (òåã img), òî ³ äëÿ íüîãî ñòàíäàðòè äîïóñêàþòü âèêîðèñòàííÿ àòðèáóòà onclick. Íàïðèêëàä:
5
ßêùî êíîïêà º ã³ïåðïîñèëàííÿì, òî âèêîðèñòîâóâàòè àòðèáóòè ñàìî¿ êíîïêè íå âàðòî, êðàùå ñêîðèñòàòèñÿ âëàñòèâîñòÿìè òåãà ïîñèëàííÿ. Ìîæíà, ÿê ³ â ïîïåðåäí³õ âàð³àíòàõ, çàä³ÿòè òåã onclick. Íàïðèêëàä:À ìîæíà çàì³íèòè âèêëèêîì ôóíêö³¿ àäðåñà â àòðèáóò³ href. Íàïðèêëàä, òàê:
Ïåðåãëÿä³â: 3789

Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!