Cara Print Multiple Page pada aplikasi berbasis web

Selamat siang, hari ini saya akan memberikan informasi mengenai bagaimana cara untuk membuat
suatu aplikasi berbasis web memiliki fungsi print multiple page dalam satu kali print.

Dalam sebuah sistem aplikasi berbasis web kompleks , untuk contoh kali ini saya gunakan
Credit Approval Memorandum System ( C.A.M ) Web Based System.

Credit Approval Memorandum System ( C.A.M )

C.A.M system ini adalah sebuah sistem yang berfungsi untuk membantu penanganan administrasi marketing mulai dari proses pengajuan kredit hingga pada proses approval. Tujuannya adalah agar keseluruhan proses dapat berlangsung dengan lebih cepat dan praktis.

Pada sistem ini, dikarenakan banyaknya dokumen administrasi yang di proses, di perlukan
suatu fungsi untuk melakukan proses print dokumen yang praktis. Dengan kata lain, dalam 1 kali print semua dokumen sudah bisa secara otomatis ter-print dimana masing-masing dokumen
menggunakan kertas yang berbeda - beda sehingga dapat memudahkan pihak yang nantinya akan melihat atau me-review dokumen yang sudah di print tersebut.

Bagaimana Caranya..??

Caranya adalah dengan menggunakan kombinasi antara JAVASCRIPT dan CSS.

fungsi javascript yang dapat kita gunakan adalah :

Dengan Cara di atas kita telah berhasil membuat suatu fungsi print banyak dokumen dalam 1 kali proses print . Namun Kita belum berhasil untuk membuat setiap dokumen muncul di kertas yang berbeda - beda.

Lalu, Bagaimana cara nya agar dokumen print muncul di kertas yang berbeda sehingga tampak rapih...??

Caranya adalah dengan menambahkan CSS. Fungsi CSS yang dapat kita gunakan adalah :

Dengan tambahan css seperti pada gambar diatas, kita sudah memisahkan setiap div-tag untuk

muncul pada kertas yang berbeda pada waktu di print. Terakhir, kita tinggal menambahkan
< input type = "button" name =" print " onclick= "print()" / >

Sekian,

Terima Kasih