Print halaman web tanpa header & footer

21 05 2008

Mungkin kita sudah pada tahu, jika kita ingin nge-print lewat web, di kertasnya pasti ada header dan footer yang berisi alamat web site tersebut.

Nah, pada tips berikut ini adalah bagaimana cara memanipulasi nge-print lewat website yang kita buat tanpa adanya header & footer tersebut.

Caranya bikin file css yang isi nya sebagai berikut (print.css) :

#header, #sidebar, #footer {
display: none;
}

lalu di file web nya, kita tambahin kode berikut ini :

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

untuk mencoba nya, tambahkan button berikut ini :

<input type=button value=print onclick=print() >

Artikel yang berhubungan:
  1. [javascript] Me-rotasi gambar menggunakan elemen canvas Element CANVAS atau tag canvas di keluarga HTML bisa...
  2. [Javascript] Validasi dalam javascript Awalnya saya bingung bagaimana melakukan proses validasi suatu radio button...
  3. [PHP] Mengecilkan ukuran Image Ada kalanya kita para pengembang website ingin mengecilkan gambar dengan...
  4. [Javascript] Multiple Dimensional Arrays Pokok ulasan yang kan di bahas kali ini adalah javascript...
  5. Menambah Javascript pada Javascript Suatu ketika ketika saya sedang ngoding web, saya menghadapi keadaan...


Actions

Informations

One response to “Print halaman web tanpa header & footer”

2 12 2008
Xrvel (16:47:40) :

Quote

Mantap bro. Malah aku belum tahu ada yg gini :)

Quote selected text

Leave a comment

You can use these tags : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>