Imas dva nacina:
1. da za to otvoris novu stranu koja ima samo uplatnicu na sebi i nista vise (tj samo ono sto zelis da se ostampa)
2. da samo za tu stranu dodas "print css" koji ce prilikom stampanja da sakrije sve ostale elemente na strani, recimo da imas ovakvu stranu:
Code (html):
<html>
<head>
<!-- ... -->
</head>
<body>
<!-- ... neki sadrzaj ovde... -->
<div class="printme">
<!-- ovde sta zelis da se stampa -->
</div>
<!-- ... jos sadrzaja ovde... -->
</body>
</html>
potrebno je da u head ulinkujes jedan css fajl koji ce se koristiti samo na toj strani (tj svim stranama namenjenim za stampu):
Code (html):
<link rel="stylesheet" href="css/printme.css" type="text/css" media="print" />
ovo
media="print" znaci da ce se taj css koristiti samo prilikom stampanja.
sadrzaj printme.css-a je sledeci:
Code:
* { display: none !important; }
.printme, .printme * { display: block !important; }
/* mada ovo nije bas najpametnije resenje,
mozda bi bilo bolje koristiti visibility umesto display, al onda bi
morao da se igras i sa pozicioniranjem vidljivih elemenata */
naravno, ovo ne mora da se radi sa odvojenim css fajlom, moze pomocu media query-ja da s eubaci u postojeci css fajl i da se ti stilovi kontrolisu nekom klasom na body elementu...