CSS (kaskadni listi slogi) vam omogočajo velik nadzor nad prikazom vsebine vaših spletnih strani na zaslonu. Ta nadzor se razširi tudi na druge medije, na primer pri tiskanju spletne strani.
Morda se sprašujete, zakaj bi želeli dodati funkcija tiskanja na vašo spletno stran; navsezadnje večina ljudi že ve ali z lahkoto ugotovi, kako tiskati spletno stran s pomočjo svojih menijev brskalnika.
Toda obstajajo situacije, ko dodate gumb za tiskanje oz povezava da stran ne bo olajšala postopka samo za vaše uporabnike, ko bodo morali natisniti stran vendar, kar je še pomembneje, vam da več nadzora nad tem, kako se bodo na teh izpisih pojavili papir.
Tukaj je opisano, kako na svoje strani dodati gumbe za tiskanje ali povezave za tiskanje in kako določiti, katere dele vsebine vaše strani bodo natisnjene in katere ne.
Dodajanje gumba za tiskanje
Gumb za tiskanje lahko preprosto dodate na svojo spletno stran, tako da dodate naslednjo kodo v dokument HTML, kjer želite, da se gumb prikaže:
onclick = "window.print (); vrni napako;" />
Gumb bo označen kot Natisni to stran ko se pojavi na spletni strani. To besedilo lahko prilagodite poljubnemu, tako da spremenite besedilo med navednicami, ki sledijo
vrednost =v zgornji kodi.
Upoštevajte, da je pred besedilom en sam prazen prostor in za njim; to izboljša videz gumba, tako da vstavite nekaj prostora med koncema besedila in robovi prikazanega gumba.
Dodajanje povezave za tiskanje
Še lažje je dodati preprosto tiskalno povezavo na svojo spletno stran. V dokument HTML vstavite naslednjo kodo, kjer želite, da se povezava pojavi:
tisk
Besedilo povezave lahko prilagodite tako, da spremenite "natisni" na karkoli izberete.
Tiskanje določenih odsekov
Uporabnikom lahko nastavite možnost tiskanja določenih delov vaše spletne strani s pomočjo gumba za tiskanje ali povezave. To lahko storite tako, da dodate print.css datoteko na vaše spletno mesto, ki jo pokličete v glavo dokumenta HTML in nato določite tiste odseke, ki jih želite enostavno natisniti z definiranjem razreda.
Najprej v glavno poglavje dokumenta HTML dodajte to kodo:
type = "text / css" media = "print" />
Nato ustvarite datoteko z imenom print.css. V tej datoteki dodajte to kodo:
telo {vidljivost: skrita;}
.print {vidljivost: viden;}Ta koda definira vse elemente v telesu kot skrite med tiskanjem, razen če ima element dodeljen razred "print".
Zdaj je vse, kar morate storiti, dodeliti razred "print" elementom vaše spletne strani, ki jih želite natisniti. Na primer, da naredite odsek, definiran v elementu div, ki ga želite natisniti
Vse drugo na strani, ki ni dodeljena temu razredu, se ne bo natisnilo.