Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Cara membuat print preview dalam div
Mau tanya gan..... Cara membuat tampilan preview kaya gini ...gimana ya ...
7 Jawaban:
buat 1 file php..desain HTML biasa buat tampilan report nya nanti .. bentuk tabel lebih mudah daripada div.. tapi div juga boleh.. selanjutnya nanti pada event load kasih kode begini ..
<body onload="window.print()">
pada css nya ..
@media print {
@page { size: 330mm 210mm; margin:20px; }
}
tapi kalau yg ingin di print bagian div tertentu aja.. gini
@media print {
body * {
//sembunyikan bagian body
visibility: hidden;
}
#div-print, #div-print * {
//tampilkan bagian #div-print, dan semua childnya (*)
visibility: visible;
}
#div-print {
//atur posisi di kiri atas (mentok)...
position: absolute;
left: 0;
top: 0;
}
}
Semoga membantu.. \(^_^)/
https://sekolahkoding.com/kelas/pdf-dengan-php
hampir mendekati apa yang dipertanyakan diatas
Itu jadinya langsung tampilan print, ......yang saya maksud tampilan prin preview itu ada dalam div html seperti gambar
justru print pdf punya banyak fitur : bisa di save trus tanda tangan lalu dikirim via email misalnya , dan pastinya bisa di print juga serta less memory , itu teknik jaman now , tp kl insist utk teknik print html bisa di google dg kata pencarian "print html page" klik di tab video berlimpah caranya , smoga bs jadi pencerahan
Kalau Seperti itu tinggal main css nya aj.. nanti bagian div previewnya.. di stylesheet sendiri..
Udah gan.....akhirnya pake iframe.... Tp masih bingung gimana deteksi jika beberpa halaman