Кээде, веб-баракчаны жайгаштырууда, ага жайгаштырылган айрым элементтерди жашыруу керек болот. Мисалы, сиз келген мейман бардык талап кылынган талаалар толтурулганга чейин форманы жөнөтүү баскычтарын көрбөсүн десеңиз. Же болбосо, баскычты зыяратчы такыр эле колдоно элек болсо, бирок ушул баракчага жайгаштырылган скрипт аны "чыкылдатуусу" керек.
Нускамалар
1 кадам
Керектүү барак элементтерин өчүрүү же көрсөтүү үчүн Каскаддык Стиль Таблицаларынын (CSS) дисплей касиетин колдонуңуз. Эл аралык стандарттарга ылайык, бул касиетке ар кандай көрсөтүү ыкмаларын көрсөткөн бир жарым ондон ашык маани берилиши мүмкүн. Бирок, алардын төртөө гана кросс-браузер (б.а., бардык негизги браузерлерде иштейт). Ушул төртөөнүн ичинде сиз каалаган барактын элементин жашырууга мүмкүнчүлүк берген эч бир мааниси жок.
2-кадам
CSS көрсөтмөлөрүнүн талап кылынган топтомун түзүңүз. Жөнөкөй түрүндө ал төмөнкүдөй көрүнүшү мүмкүн: баскычы {дисплей: эч ким;} Мындай учурда, баракчада… тегин колдонуп, бардык баскычтар көрсөтүлбөйт.
3-кадам
Эгерде сиз бир гана баскычты же баскычтардын белгилүү бир тобун жашыргыңыз келсе, анда нускамада класс аталышына көрсөтмө кошуңуз. Мисалы, мындай класстын атын HideBtns деп атап, аны CSS операторуна кошуңуз: button. HideBtns {display: none;} Класстын атрибутун барактын HTML кодундагы керектүү баскычка кошуп, ага HideBtns: жашыруун баскычын бериңиз
4-кадам
Эгер кааласаңыз, анда эч нерсени билдирбеген дисплей касиетин ата-эненин элементине колдонуңуз, мисалы, баскычты гана эмес, веб формасынын башка элементтерин да жашырыңыз. Форма жана тегдердин ортосунда жайгаштырылган бардык элементтердин "ата-энеси" деп эсептелет. Мисалы:
Бул жерде форманын ичине текст талаасы жана киргизилген маанини тапшыруу үчүн баскыч жайгаштырылган. Форма HideForm деген класска дайындалган, андыктан киргизүү талаасын дагы, баскычын дагы жашырыш үчүн CSS операторун мындай өзгөртүү керек: form. HideForm {display: none;}
5-кадам
Даярдалган кодду жогоруда келтирилген мисалда веб документтин башына жайгаштырыңыз (жана тегдердин ортосунда). Бул CSS коду экендигин коноктун браузерине айтыш үчүн, ал HTML стилинин ачылышы менен жабылышынын ортосунда камтылышы керек:
button. HideBtns {display: none;}
