Mõnikord on vaja veebilehte paigutades varjata mõnda sellesse paigutatud elementi. Näiteks kui soovite, et külastaja ei näeks vormi esitamise nuppe enne, kui kõik vajalikud väljad on täidetud. Või kui nupp pole üldse mõeldud külastaja jaoks kasutamiseks, kuid sellele lehele paigutatud skript peaks sellel "klõpsama".
Juhised
Samm 1
Kasutage soovitud lehelementide kuvamise väljalülitamiseks või sisselülitamiseks kaskaadstiilide lehtede (CSS) kuvaomadust. Rahvusvaheliste standardite kohaselt saab sellele atribuudile määrata rohkem kui poolteist tosinat väärtust, mis määravad erinevad kuvamismeetodid. Kuid ainult neli on ristbrauserid (st töötavad kõigis suuremates brauserites). Nende nelja hulgas pole ühtegi vajalikku väärtust, mis võimaldab peita soovitud lehe elemendi.
2. samm
Looge nõutav CSS-i juhiste kogum. Lihtsamas vormis võib see välja näha järgmine: nupp {display: none;} Sel juhul ei kuvata lehel kõiki nuppe, mis kasutavad märgendit….
3. samm
Kui soovite peita ainult ühe nupu või kindla nupurühma, lisage juhistes klassi nimetus. Näiteks nimetage selline klass HideBtns ja lisage see nimi CSS-i väljavõttele: nupp. HideBtns {display: none;} Lisage lehe HTML-koodi soovitud nupule klassi atribuut ja määrake sellele nupp HideBtns: hidden
4. samm
Rakendage vanemelemendile kuva atribuut väärtusega none, kui soovite näiteks peita mitte ainult nuppu, vaid ka muid veebivormi elemente. Vormi peetakse kõigi siltide ja -märkide vahele paigutatud elementide "vanemaks". Näiteks:
Siin pannakse vormi sisse tekstiväli ja nupp sisestatud väärtuse edastamiseks. Vorm määratakse klassile nimega HideForm, nii et nii sisendvälja kui nupu peitmiseks peate CSS-i lauset muutma järgmiselt: vorm. HideForm {display: none;}
5. samm
Pange ettevalmistatud kood ülaltoodud näites veebidokumendi päisesse (ja siltide vahele). Et öelda külastaja brauserile, et see on CSS-kood, peab see olema HTML-i algava ja sulgeva märgendi vahele:
nupp. HideBtns {display: none;}
