ზოგჯერ, ვებგვერდის გაყვანისას, საჭიროა მასში განთავსებული ზოგიერთი ელემენტის დამალვა. მაგალითად, თუ გსურთ სტუმარმა არ ნახოს ფორმის გაგზავნის ღილაკები, სანამ ყველა საჭირო ველი არ შეავსებს. ან თუ ეს ღილაკი ვიზიტორის მიერ საერთოდ არ არის გამოყენებული, მაგრამ ამ გვერდზე განთავსებულმა სკრიპტმა უნდა დააჭიროს მას.
ინსტრუქციები
Ნაბიჯი 1
გამოიყენეთ კასკადური სტილის ფურცლების (CSS) ჩვენების თვისება, რომ გამორთოთ ან ჩართოთ სასურველი გვერდის ელემენტები. საერთაშორისო სტანდარტების მიხედვით, ამ თვისებას შეიძლება მიენიჭოს ერთნახევარზე მეტი მნიშვნელობა, რომელიც განსაზღვრავს ჩვენების სხვადასხვა მეთოდს. ამასთან, მხოლოდ ოთხია ჯვარედინი ბრაუზერი (ანუ მუშაობს ყველა მთავარ ბრაუზერში). ამ ოთხთა შორის არის თქვენთვის საჭირო არცერთი მნიშვნელობა, რაც საშუალებას გაძლევთ დამალოთ გვერდის სასურველი ელემენტი.
ნაბიჯი 2
შექმენით CSS სახელმძღვანელო მითითებების საჭირო ნაკრები. უმარტივესი ფორმით, შეიძლება ასე გამოიყურებოდეს: ღილაკი {ჩვენება: არცერთი;} ამ შემთხვევაში, გვერდზე არ გამოჩნდება ყველა ღილაკი… ნიშნის გამოყენებით.
ნაბიჯი 3
ინსტრუქციაში დაამატეთ მითითება კლასის სახელს, თუ გსურთ მხოლოდ ერთი ღილაკის ან ღილაკების კონკრეტული ჯგუფის დამალვა. მაგალითად, დაასახელეთ ასეთი კლასი HideBtns და დაამატეთ ეს სახელი CSS დებულებას: ღილაკი. დამალვა
ნაბიჯი 4
გამოიყენეთ ჩვენების თვისება მნიშვნელობით none მშობელ ელემენტზე, თუ გსურთ, რომ დამალოთ არა მხოლოდ ღილაკი, არამედ ვებ – ფორმის სხვა ელემენტებიც. ფორმა ითვლება ყველა ელემენტის "მშობლად" და ნიშანს შორის. Მაგალითად:
აქ, ტექსტის ველი და ღილაკი შეიტანება შეყვანილი მნიშვნელობის გაგზავნის ფორმაში. ფორმა ენიჭება კლასს, სახელად HideForm, ასე რომ, როგორც შეყვანის ველი და ღილაკი რომ დაიმალოთ, უნდა შეცვალოთ CSS დებულება ასე: form. HideForm {ჩვენება: არცერთი;}
ნაბიჯი 5
განათავსეთ მომზადებული კოდი ზემოთ მოყვანილ მაგალითში ვებ დოკუმენტის სათაურში (და ტეგებს შორის). სტუმრის ბრაუზერს რომ ვუთხრათ, რომ ეს არის CSS კოდი, იგი უნდა იყოს თანდართული HTML სტილის გახსნისა და დახურვის ტეგებს შორის:
button. HideBtns {ჩვენება: არცერთი;}
