Posted by Materi Teknik Informatika • Informasi Teknologi Informasi • Digital Marketing on 12/03/2014
Cara Membuat Perintah Print pada PHP -
Pemrograman Web PHP terkadang dalam suatu program kita membutuhkan dengan yang namanya sistem print untuk mencetak data penting dan dijadikan laporan.
Untuk melakukan itu caranya sangat mudah kita hanya menambahkan Script berikut ini :
<script>
window.print();
</script>
Letakan script di atas di paling bawah kode yaitu </html>, triknya untuk melakukan perintah print sebelumnya buat halaman baru misalnya pdf_laporan.php, hapus file CSS-nya agar hasil print terlihat maksimal dan tidak memiliki banyak warna.
Tampilan halaman yang di print dari contoh program Laporan Angkot berikut ini :
Setelah itu bisa kita bentukan menjadi file PDF atau bisa langsung lakukan print.
Update :
Berikut script penerapan sederhana pada perintah Print di PHP.
Index.php
<html>
<head>
<title>Print</title>
</head>
<body>
<h1>Contoh Print Materi IT</h1>
</body>
</html>
<script>
window.print();
</script>
Berikut hasil outputnya :
Masih belum jelas juga?, silahkan buat artikel sendiri.
Update :
Berikut hasil coding cara membuat Print di PHP yang sebenarnya.
Index.php
<html>
<head>
<title>Print</title>
</head>
<body>
<h1>Contoh Print Materi IT</h1>
</body>
</html>
<?php
echo
"<script>
window.print();
</script>";
?>
<!-- Sekarang baru di dalam PHP -->
Hasil output-nya sama gak usah ditambahin lagi.
Update :
Berhubung ada yang minta di kasih button biar jelas, berikut script nya.
Index.php
<html>
<head>
<title>Print</title>
</head>
<body>
<h1>Contoh Print Materi IT</h1>
<a href="index.php">
<button onClick="window.print();">Print</button>
</a>
</body>
</html>
Berikut hasil output-nya :
Notes : Ini hanya javascript yang di bungkus oleh tag PHP untuk menjalankan script
windows print.
Update : Jika ingin menghilangkan button print atau element tertentu bisa menggunakan script css media print display none.
<style>
@media print
{
.noprint {display:none;}
}
</style>
<div class="noprint">
<!-- Tombol print / element yang ingin dihilangkan saat print -->
</div>
