Bəzən bir veb səhifəni tərtib edərkən, içərisinə qoyulmuş bəzi elementləri gizlətmək lazımdır. Məsələn, ziyarətçinin bütün tələb olunan sahələr doldurulana qədər formu göndərmə düymələrini görməməsini istəyirsinizsə. Və ya düymənin ziyarətçi tərəfindən istifadə edilməsi nəzərdə tutulmayıbsa, ancaq bu səhifədə yerləşdirilən skript onu "vurmalıdır".
Təlimat
Addım 1
İstədiyiniz səhifə elementlərini söndürmək və ya göstərmək üçün Cascading Style Sheets (CSS) ekran xüsusiyyətindən istifadə edin. Beynəlxalq standartlara görə, bu əmlaka fərqli ekran üsullarını göstərən bir yarımdan çox dəyər verilə bilər. Bununla birlikdə, yalnız dördü cross-brauzerdir (yəni bütün əsas brauzerlərdə işləyir). Bu dörd arasında, istədiyiniz səhifə elementini gizlətməyə imkan verən ehtiyacınız olan heç bir dəyər yoxdur.
Addım 2
Lazımi CSS təlimatlarını yaradın. Ən sadə formada belə görünə bilər: düymə {display: none;} Bu halda səhifə… etiketindən istifadə edərək bütün düymələri göstərməyəcəkdir.
Addım 3
Yalnız bir düyməni və ya müəyyən bir düymə qrupunu gizlətmək istəyirsinizsə, təlimatlardakı sinif adına bir göstərici əlavə edin. Məsələn, belə bir sinifə HideBtns adını verin və bu adı CSS ifadəsinə əlavə edin: button. HideBtns {display: none;} Sinif atributunu səhifənin HTML kodundakı istədiyiniz düyməyə əlavə edin və HideBtns: gizli düyməsini təyin edin
Addım 4
Yalnız düyməni deyil, veb formunun digər elementlərini də gizlətmək istəyirsinizsə, məsələn, heç bir dəyəri olmayan ekran xüsusiyyətini ana elementə tətbiq edin. Forma və etiketlər arasında yerləşdirilmiş bütün elementlərin "ana" sı hesab olunur. Misal üçün:
Burada bir mətn sahəsi və daxil edilmiş dəyəri təqdim etmək üçün bir düymə formanın içərisinə yerləşdirilir. Forma HideForm adlı bir sinif verilir, belə ki həm giriş sahəsini, həm də düyməni gizlətmək üçün CSS ifadəsini belə dəyişdirməlisiniz: form. HideForm {display: none;}
Addım 5
Yuxarıdakı nümunədə hazırlanmış kodu veb sənədin başlığına yerləşdirin (və etiketlər arasında). Ziyarətçinin brauzerinə bunun CSS kodu olduğunu söyləmək üçün, açılış və bağlanma HTML stili etiketi arasında yerləşdirilməlidir:
button. HideBtns {display: none;}
