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