ßê çàõîâàòè êíîïêó
²íîä³ ïðè âåðñòö³ âåá-ñòîð³íêè áóâຠïîòð³áíî ïðèõîâàòè áóäü-ÿêî¿ ç ðîçì³ùåíèõ â í³é åëåìåíò³â. Íàïðèêëàä, ÿêùî íåîáõ³äíî, ùîá â³äâ³äóâà÷ íå áà÷èâ êíîïêè â³äïðàâêè ôîðìè äî òîãî, ÿê âñ³ îáîâ`ÿçêîâ³ ïîëÿ íå áóäóòü çàïîâíåí³. Àáî ÿêùî êíîïêà âçàãàë³ íå ïðèçíà÷åíà äëÿ âèêîðèñòàííÿ â³äâ³äóâà÷åì, à «íàòèñêàòè» ¿¿ ïîâèíåí ðîçì³ùåíèé â ö³é ñòîð³íö³ ñêðèïò.
1
Âèêîðèñòîâóéòå âëàñòèâ³ñòü display ìîâè îïèñó ñòèë³â CSS (Cascading Style Sheets - «êàñêàäí³ òàáëèö³ ñòèë³â») äëÿ âèêëþ÷åííÿ àáî âêëþ÷åííÿ â³äîáðàæåííÿ ïîòð³áíèõ åëåìåíò³â ñòîð³íêè. Ö³é âëàñòèâîñò³, çã³äíî ç ì³æíàðîäíèìè ñòàíäàðòàìè, ìîæíà ïðèâëàñíèòè á³ëüøå ï³âòîðà äåñÿòêà çíà÷åíü, ÿê³ çàäàþòü ð³çí³ ñïîñîáè â³äîáðàæåííÿ. Îäíàê êðîñáðàóçåðíîñò³ (òîáòî ïðàöþþòü ó âñ³õ îñíîâíèõ áðàóçåðàõ) º ò³ëüêè ÷îòèðè. Ñåðåä ö³º¿ ÷åòâ³ðêè º ³ ïîòð³áíå âàì çíà÷åííÿ none, ÿêå äîçâîëÿº ïðèõîâàòè ïîòð³áíèé åëåìåíò ñòîð³íêè.
2
Ñêëàä³òü íåîáõ³äíèé íàá³ð CSS-³íñòðóêö³é. Ó íàéïðîñò³øîìó âèãëÿä³ â³í ìîæå âèãëÿäàòè òàê: button {display: none;} Ó òàêîìó âàð³àíò³ â ñòîð³íö³ íå áóäóòü â³äîáðàæàòèñÿ âñ³ êíîïêè, ÿê³ âèêîðèñòîâóþòü òåã .
3
Äîäàéòå â ³íñòðóêö³¿ âêàç³âêó íà ³ì`ÿ êëàñó, ÿêùî òðåáà ïðèõîâàòè ò³ëüêè îäíó êíîïêó àáî ïåâíó ãðóïó êíîïîê. Íàïðèêëàä, íàçâ³òü òàêèé êëàñ HideBtns ³ äîäàéòå öå ³ì`ÿ â CSS-³íñòðóêö³þ: button.HideBtns {display: none;} Ïîòð³áíî¿ êíîïö³ â HTML-êîä³ ñòîð³íêè òåæ ñë³ä äîäàòè àòðèáóò class ³ ïðèâëàñíèòè éîìó çíà÷åííÿ HideBtns:
4
Çàñòîñóéòå âëàñòèâ³ñòü display ³ç çíà÷åííÿì none äî áàòüê³âñüêîãî åëåìåíòó, ÿêùî òðåáà, íàïðèêëàä, ïðèõîâàòè íå ò³ëüêè êíîïêó, à é ³íø³ åëåìåíòè âåá-ôîðìè. Ôîðìà ââàæàºòüñÿ «áàòüêîì» ïî â³äíîøåííþ äî âñ³õ åëåìåíòîì, ïîì³ùåíèì ì³æ òåãàìè. Íàïðèêëàä: Òóò âñåðåäèíó ôîðìè ïîì³ùåíî òåêñòîâå ïîëå ³ êíîïêà â³äïðàâêè ââåäåíîãî çíà÷åííÿ. Ôîðìà ïðèïèñàíà äî êëàñó ç ³ì`ÿì HideForm, òîìó ùîá ïðèõîâàòè ³ ïîëå ââåäåííÿ ³ êíîïêó, òðåáà çì³íèòè CSS-³íñòðóêö³þ òàê: form.HideForm {display: none;}
5
Ïîì³ñò³òü ï³äãîòîâëåíèé çà çðàçêîì, íàâåäåíèì âèùå, êîä â çàãîëîâíó ÷àñòèíó âåá-äîêóìåíòà (ì³æ òåãàìè ³ ). Ùîá ïîâ³äîìèòè áðàóçåðó â³äâ³äóâà÷à, ùî öå CSS-êîä, éîãî òðåáà óêëàñòè ì³æ â³äêðèâຠ³ çàêðèâຠHTML-òåãàìè style:
Ñòàòò³ çà òåìîþ "ßê çàõîâàòè êíîïêó"
Îö³í³òü, áóäü ëàñêà ñòàòòþ