Multi Purpose Preview

Multi Purpose Preview

564
0
SHARE

Rekan-rekan semua,¬† kali ini saya akan berbagi artikel tentang cara membuat dengan menggabungkan fungsi “onClick=”window.print()” dengan plugin MPDF yang pernah dibahas pada artikel sebelumnya yaitu :¬† Membuat laporan pdf dengan mpdf, sehingga akan menghasilkan suatu tampilan preview yang bisa diprint atau di cetak ke dalam PDF.

pertama-tama kita akan dibuatkan suatu file php bernama index.php dengan code sebagai berikut :


— Baris ke 5 : tambahkan file css, kita pake bootsrap

— Baris ke 9 sd 14 : kita tambahkan file javascript, yang akan memanggil pre_view.php

— Baris ke 16 sd 37 : isian data yang akan ditampilkan, pada baris ke 36 terdapat tombol “Preview”

multi purpose

Selanjutnya silahkan buat file bernama pre_view.php dengan isian sebagai berikut :

keterangan :

baris ke 5 : file css

baris ke 9 sd 14 : javascript untuk memanggil pre_view lagi bila diclick tombol cetak maka akan muncul pop up atau kotak dialog printer.

baris ke 16 sd 37 : isian data yang akan ditampilkan, pada baris ke 36 terdapat tombol “Cetak” dan “PDF”

popup

 

terakhir kita akan membuat file pdf menggunakan MPDF dengan nama pdf.php :

keterangan :

baris 4 sd 7 : includekan MPDF pada script

baris 8 sd 13 : anda bisa menambahkan data dalam database yang akan anda tampilkan

baris 14 : tambahkan ob_start(); Memulai proses untuk menyimpan variabel php dan html

baris 16 sd 40 : data yang akan ditampilkan

baris 45 sd 66 : untuk menyimpan hasil konversi html dan php ke dalam pdf

dan hasilnya taraaaaaa….

popup pdf
Bagikan artikel ini ya.. terima kasih

NO COMMENTS

LEAVE A REPLY