Ponekad je prilikom postavljanja web stranice potrebno sakriti neke od elemenata smještenih na njoj. Na primjer, ako želite da posjetitelj ne vidi gumbe za slanje obrasca dok se ne popune sva obavezna polja. Ili ako dugme uopće nije namijenjeno posjetitelju, ali skripta smještena na ovoj stranici treba ga "kliknuti".
Instrukcije
Korak 1
Koristite svojstvo prikaza Cascading Style Sheets (CSS) da isključite ili uključite prikaz željenih elemenata stranice. Prema međunarodnim standardima, ovom svojstvu se može dodijeliti više od jedan i pol tuceta vrijednosti koje određuju različite metode prikaza. Međutim, samo su četiri pretraživača (tj. Rade u svim glavnim preglednicima). Među ove četiri postoji vrijednost none koja vam treba, što vam omogućava da sakrijete željeni element stranice.
Korak 2
Stvorite potreban skup CSS smjernica. U najjednostavnijem obliku može izgledati ovako: button {display: none;} U ovom slučaju, stranica neće prikazati sva dugmad pomoću oznake….
Korak 3
U uputstva dodajte naznaku nazivu klase ako želite sakriti samo jedno dugme ili određenu grupu dugmadi. Na primjer, imenujte takvu klasu HideBtns i dodajte to ime u CSS izjavu: button. HideBtns {display: none;} Dodajte atribut klase željenom dugmetu u HTML kodu stranice i dodijelite joj vrijednost HideBtns: hidden button
Korak 4
Primijenite svojstvo prikaza s vrijednošću none na nadređeni element ako želite, na primjer, sakriti ne samo gumb, već i ostale elemente web obrasca. Obrazac se smatra "roditeljem" svih elemenata smještenih između oznaka i. Na primjer:
Ovdje se unutar obrasca postavlja tekstualno polje i dugme za slanje unesene vrijednosti. Obrazac je dodijeljen klasi koja se zove HideForm, pa da biste sakrili i polje za unos i dugme, morate promijeniti CSS izraz ovako: form. HideForm {display: none;}
Korak 5
Stavite pripremljeni kod u gornji primjer u zaglavlje web dokumenta (između oznaka i). Da biste pretraživaču posjetitelja rekli da je ovo CSS kôd, on mora biti priložen između otvaranja i zatvaranja HTML stilskih oznaka:
button. HideBtns {display: none;}
