12/03/2014

Cara Membuat Perintah Print pada PHP

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.

Cara Membuat Perintah Print pada PHP

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 :

Cara Membuat Perintah Print pada PHP

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 :

Cara Membuat Perintah Print pada PHP

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 :

Cara Membuat Perintah Print pada PHP
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>


Sekian artikel tentang Cara Membuat Perintah Print pada PHP, semoga bermanfaat.

74 komentar:

  1. kayanya kurang jelas tuh gan perintah print pada php nya :)

    BalasHapus
    Balasan
    1. yaelah kurang jelas dimananya, makanya di coba dulu...

      Hapus
    2. iya ane juga tau gan,,, tapi file yang di eksekusi bentuknya PHP,,, :) PHP yang di selipkan script...

      Hapus
    3. PHPnya mana ? Cuman ekstensinya saja itu php, dalamnya html sama javascript, anda diberitahu kok tidak bisa nerima gan, jangan sok pintar gan ....

      Script nya tidak ada gitu

      Hapus
    4. Yang dieksekusi html gituh, mana phpnya ? Wah

      Hapus
    5. yaudah coba kasih contoh ane eksekusi printah print dalam PHP,, ane mah penamaan ga masalah yang terpenting fungsi nya aja bener :) dan bisa di eksekusi...

      Hapus
    6. Malah debat sendiri..

      Masa kaya gitu sampe dibikin debat sih kalian ? ckckck..

      Seyogyanya kedua nya bisa berjalan berdampingan.. sendiri-sendiri mah juga hayuk wae.. cuma masalah penamaan, kalo orang 'smart' mah ga akan memperdebatkan cuma hal sepele seperti itu atuh kang..

      *salaman*

      Hapus
    7. iya sebenarnya ini cuma masalah penamaan aja kok :) yang penting tujuannya sama...

      Hapus
    8. iku javascript ek ok

      Hapus
    9. lah iya, tapi kan jalaninnya di perintah PHP gmna sih :D

      Hapus
  2. Balasan
    1. jiah makanya belajar bahasa pemrograman biar jelas :D

      Hapus
    2. yang mengunjungi link web anda ini karna ingin belajar pemograman...
      sayangnya admin dari web ini tidak bertanggung jawab dan atitudenya kurang dalam merespon pengunjungnya...
      belajar cara berbicara yang benar dulu, coba baca lg tu artikel anda apakah seperti itu caranya...???
      dan coba baca artikel dari web lain..

      Hapus
    3. sok gmna yang duluan mempermasalahkan hal yang ga guna siapa? ujung nya yang tadinya tau jadi tau kan? ga masalah mau javascript mau php, dlu ane emng rada ga ngerti, tapi waktu ane udah buat ternyata emng harusnya javascript tp ane mikir klo perintah print itu gada di php gada adanya windows print, kalau mau php ya pake plugin, gitu aja sih

      Hapus
  3. Coba tambah button, pas button d klik baru print biar lebih jelas

    BalasHapus
    Balasan
    1. udah di,,, itu button link nya bisa di arahin kemana aja bebas, pas udah di arahin onClick nya langsung eksekusi script Print nya...

      Hapus
  4. walah...... simple ternyata :D

    BalasHapus
    Balasan
    1. emng simple,, emng mau nya gimara kal :D...

      Hapus
  5. Kalo yg php tapi ada button nya? HeHe

    BalasHapus
    Balasan
    1. Ribet dah bikin sndiri :v,,, atau pake plugin biar bagus ...

      Hapus
    2. kyknya di atas udah di buatin gan.

      Hapus
  6. kalau untuk pengaturan margin nya kaya gimina ya ?
    karena halaman 1 dan halaman selanjutnya itu berbeda css nya ..
    jadi saya mau nampilin tabel nah di dalam tabel nya menggunakan margin-top , tapi di halaman ke dua itu ga berlaku

    BalasHapus
    Balasan
    1. farah, yang mau di print bagian mana?... margin top apa halaman 1 nya,, saran ane sih bikin halaman baru yang tujuannya untuk file printn dengan menghapus smua cssnya biar keliatan bgs pas di cetak... buat halaman baru lalu pake script print ini..

      Hapus
  7. Kalo script print preview dari hasil pencarian gimana ya ? Mohon bantuannya..

    BalasHapus
    Balasan
    1. kalau hasil pencarian gmpang gan, coba aja kasih tombol print di bawah hasil pencariannya,, soalnya script windows print ini melakukan print pada tangkapan layar terakhir,, kalau mau lebih advance bisa pake plugin tertentu,.

      Hapus
  8. Kalau hasil print nya dalam bentuk pdf gimaana gan.?

    BalasHapus
    Balasan
    1. gampang banget gan, install aja aplikasi foxit reader, nanti printnya pake foxit jadi PDF.

      Hapus
  9. gimana kodinga sesudah download ada backgroundnya di file pdf

    BalasHapus
    Balasan
    1. kykny udah ane jelasin di atas gan, css nya clearin dlu bikin plain aja polos abis itu baru load pake windows print.

      Hapus
  10. gini mah gampang, gk usah diajarin orang juga pada ngerti bang

    BalasHapus
    Balasan
    1. lah terus agan ngapain nyantol disini hahaha

      Hapus
  11. Berhasil ko gan, tengkuy

    BalasHapus
  12. gan tombol printnya kok ngikut waktu di print???

    BalasHapus
    Balasan
    1. kalau ga mau ada tombol printnya buat aja di page baru gan jadi ke halaman yang gada tombol printnya hehe, jd scriptnya otomatis load ketika pagenya di buka,

      Hapus
  13. gan, pada layout/halaman print nya..ada alamat pengambilan data nya tuh, bisa dihilangin gak? yang http://localhost/...

    BalasHapus
    Balasan
    1. ini ada 2 cara gan, pertama bisa di settingan printernya di google crome ada untuk hilangin header dan footer printnya, cara kedua bisa pake css, tp ane blm share caranya hehe gampang gan, kalo mau lbh lengkap wa ane aja.

      Hapus
  14. gan, kok button "Print" ikut kecetak??

    BalasHapus
    Balasan
    1. printnya di buat di halaman baru gan yang ga ada tombolnya :)

      Hapus
  15. punya saya kok header adminnya ikut masuk kehalaman cetak ya????

    BalasHapus
    Balasan
    1. ini ada 2 cara gan, pertama bisa di settingan printernya di google crome ada untuk hilangin header dan footer printnya, cara kedua bisa pake css, tp ane blm share caranya hehe gampang gan, kalo mau lbh lengkap wa ane aja.

      Hapus
  16. gan mau tanya, itukan button printnya untuk halaman tsb, kalo saya sudah bikin laporan dlm bentuk fpdf, cara masukan link fpdf ke tombol button halaman tsb gmn?

    BalasHapus
    Balasan
    1. fpdf itu plugin? kalau ane sih pake foxit reader aja gan printnya, nnti otomatis jadi PDF.

      Hapus
    2. di fpdf ane liat ada perintah print juga gan http://www.fpdf.org/en/script/script36.php

      Hapus
  17. gan kalau ikut ini ke print tapi tombol print nya masih nongol. gimana caranya supaya tombol print nya gak nongol pas mau ngeprint

    BalasHapus
    Balasan
    1. rintnya di buat di halaman baru gan yang ga ada tombolnya :)

      Hapus
  18. iya nih gan betul kata James Philip Montalalu, tolong dong berbagi ilmunya

    BalasHapus
    Balasan
    1. apa lagi yang mau di tnyain gan hehe

      Hapus
    2. ane bukannya ga mau berbagi ilmu tapi karena kesibukan :D

      Hapus
  19. bang kalo misalkan prinnya sebagian aja gimana?
    bisa?
    mohon bantuannya kak

    BalasHapus
    Balasan
    1. ga bsa kecuali pake plugin, soalnya ini perintah print di 1 halaman page. atau bsa diakalin pakai new tab atau new windows.

      Hapus
  20. Gan kalo setelah ngeprint halaman itu terus pindah ke halaman lain bisa ga ya?

    BalasHapus
    Balasan
    1. bsa aja gan di akalin pake javascript lagi after action teken tombol print, jadi perintah javascriptnya tutup new tab.

      Hapus
  21. Hide aja element tombolnya pakai javascript

    BalasHapus
  22. Balasan
    1. simple bngt emng gan hehe saya juga masih pake fungsi ini smpe di bawa kerja.

      Hapus
  23. sip terimakasih guys berguna

    BalasHapus
  24. mnding new tab aja gan untuk print yang gada tombolnya.

    BalasHapus
  25. Makasih kak tutorialnya, sangat berguna 😊

    BalasHapus
    Balasan
    1. Ok sama sama gan :) kalau mau tester coba pake Foxit PDF biar langsung kelihatan hasilnya.

      Hapus
  26. Terima kasih bang...ahamdlillah berhasil....

    BalasHapus
  27. Tahks gan atas tutornya saya sangat terbantu untuk tugas saya terimakasih !!!

    BalasHapus

Silahkan komentar jika ada yang ingin Anda tanyakan mengenai artikel Materi IT.

Jangan lupa melakukan Checklist "Notify me" untuk mendapatkan email balasan dari Admin.

Septian Maulana - 08997206535 (WhatsApp).

Computer Science:
Group CS - https://bit.ly/CSUtama
Group CS 2 - https://bit.ly/cs2group
Group CS 3 - https://bit.ly/cs3group
Group CS 4 - https://bit.ly/cs4group
Group CS 5 - https://bit.ly/cs5group
Group CS 6 - https://bit.ly/cs6group
Group CS Telegram - https://bit.ly/cstelgroup