Nama domain www.web-buya.com diganti dengan nama www.arofat.com



Indonesian Arabic English
Minggu, April 20, 2014

PHP - Print Preview atau Cetak Halaman Web Dengan Mudah

php-mysqlBaiklah gan, kali ini saya akan mencoba membahas tentang php cara print, preview atau cetak halaman pada website. Sebenarnya banyak cara supaya bagaimana suatu halaman yang kita pilih atau tentukan dapat kita print sekaligus tanpa harus menulis ulang pada microsoft office atupun yang lainya, mungkin kebanyakan script php yang kita temui selama ini biasanya agar halaman web itu bisa rapih dan bagus ketika dicetak, developer web biasanya meng export halaman tersebut ke excel, word dan bahkan pdf, ini agar halaman tersebut bisa dimodifikasi ulang dan tampilan yang di export hasilnya lebih rapih dari tampilan pada web aslinya.

Namun disini saya akan memberikan sedikit tips agar tampilan yang diprint atau dicetak bisa lebih rapih

dari tampilan yang ada di web tanpa harus meng export halaman tersebut ke excel, word ataupun pdf, walaupun mungkin dari anda semua sudah banyak yang tahu cara ini, tapi setidaknya ini akan membantu bagi anda yang masih baru di dunia web / php.

Disini tentunya kita akan membutuhkan beberapa file, file yang pertama kita buat untuk halaman utama yang akan ditampilkan yang nantinya bisa di preview dan bisa langsung dicetak. Sebagai contoh tampilan utama bisa dilihat pada contoh demo disini. File yang kedua kita buat untuk halaman profile, contoh script nya bisa dilihat pada demo juga.

Pada file profile untuk tombol print nya, silahkan masukan script berikut pada halaman profile anda, seperti yang sudah saya contohkan pada demo diatas.

<input type="button" class="button" value="Print dan Preview" onClick="popup_print()"/>

dan masukan juga script berikut masih pada halaman profile anda :

$idRS = $_GET['id'];
    $sql = "select * from data_user where id='$idRS'";
    $result = mysql_query($sql);
    $row = mysql_fetch_array($result);

<script type="text/javascript">
var s5_taf_parent = window.location;
function popup_print() {
window.open('preview.php?id=<?php echo $row['id'];?>','page','toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=750,height=600,left=50,top=50,titlebar=yes')
}
</script>

Pada contoh demo diatas, ketika kita klik tombol print pada halaman profile anda, maka akan diarahkan ke file baru dan sekaligus menampilkan window printer nya, dan anggap saja kita beri nama file preview ini dengan nama preview.php dan tentunya ini hanya menampilkan preview per id yang kita klik saja. pada file preview.php silahkan sisipkan script ini diantara tag <body></body> :

<body onLoad="window.print()">

jika ingin script lengkapnya, silahkan download disini

Sampai tahap ini, kini halaman web kita sudah bisa di print sesuai dengan halaman yang diinginkan. namun perlu anda ketahui, ketika print dilakukan, masih tercetak pada kertas yang di print title dan halaman kertas bawaan dari mozilla, dan untuk menghilangkanya, silahkan klik menu File yang ada pada mozilla anda, lalu pilih Page Setup,maka akan tampil jendela seperti gambar dibawah, untuk cara setinganya bisa dilihat pada contoh gambar berikut :

page

page2

Sampi tahap ini, kini halaman anda sudah bisa dicetak dengan rapih.

Ok gan sekian dulu tutorial php kali ini, nantikan tutorial2 atau pembahasan2 php selanjutnya.

See you All next time.


Related news items:
Newer news items:
Older news items:

COMMENTS  

bincar
Dikirim pada
Mar 03, 2014
Dikirim oleh
bincar
0 mau taya dulu mas ini maksud scrip ini manggil tabel form data user kan
$sql = "select * from data_user where id='$idRS'";
sedangkan di tutorial mas itu tabel usr gak ada cuma tabel demo doank yg ada...apakah kurang nama tabelnya?




Silahkan mengkopi artikel pada website ini dengan mencantumkan sumbernya.
Jika menemukan link yang mati, silahkan kontak kami atau anda bisa mengirimkan komentar
Setelah membaca artikel diatas jangan lupa kirim Komentarnya....!!!

TINGGALKAN KOMENTAR

Mohon perhatian kepada komentator...1). Kami berhak mengedit, menyortir bahkan memblok IP anda jika dipandang tidak sesuai dengan visi dan misi kami tanpa pemberitahuan terlebih dahulu. 2). Jika anda telah mengeklik tombol send dan komentar anda belum muncul, coba dulu klik tombol 'Refresh Comments List', atau mungkin komentar anda sedang menunggu persetujuan kami untuk dipublish. 3). Jika ikon anda ingin ditampilkan di kolom komentar, silakan daftarkan email anda di Gravatar.com. Terima kasih atas komentar dan perhatian anda.

Security code
Refresh

eXTReMe Tracker