Algoritmanya : saat kasir klik "tombol" yang berupa link maka akan menjaankan suatu function yang isinya; a) perintah untuk menghapus "tombol" (link) dan, b) perintah untuk mencetak halaman web. Sedangkan header dan footer disembunyikan dengan menambahkan atribut pada tag <html> (lihat gambar).
Berikut ini gambar source code sederhana agar bisa mencetak halaman web sekali klik, "tombol"-nya (link) tidak ikut tercetak, demikian pula header dan footer tidak ikut tercetak pula. Perhatikan baik-baik baris yang di-highlight warna kuning. Klik gambar untuk memperbesar. WARNING : source code jalan dengan baik di Mozilla Firefox dan belum pernah diuji coba di web browser lainnya.
Semoga bermanfaat
Update : Di bawah ini tambahan CSS pada blok <head> yang katanya berfungsi pada web browser Chrome dan Safari... katanya lho :p coba sendiri aja ya :)
<style media="print" type="text/css">
@page {
size: auto; /* nilai awal ukuran halaman */
margin: 0mm; /* mengubah margin printer */
}
body {
background-color:#FFFFFF;
margin: 0px; /* mengubah margin konten */
padding: 0.25in 0.5in; /* mengubah padding konten */
}
</style>
Selamat belajar!
Tidak ada komentar:
Posting Komentar