Ask.. Tombol Print di web ini

Andri Teguh Irawan · Sep 18, 2012
Salam kenal semua.. saya mau tanya..
gimana ya cara buat tombol Print yang ada di bawah judul tutorial di web ini yag kalo di klik keluar windows baru buat review 'n simpan isi artikelnya..

mohon tanggapannya..
terimakasih.. :)
Silahkan login untuk menjawab!
1
Irwan · Sep 18, 2012 · 1 Suka · 0 Tidak Suka
Maksudnya kali preview ke document pdf ya? biar bisa langsung disimpan/dicetak ?

Kalo cuma preview biasa sih, tampilkan aja sesuai halaman artikel aslinya dengan window.open. Kalo ada css, buat css khusus buat print dengan menghilangkan atribut yg gak kepake di halaman artikel aslinya.

Tapi dengan teknologi jquery, ada banyak pilihan untuk menampilkan popup window yg lebih menarik. Bisa pake thickbox, lighbox, fancybox, dll
0
Andri Teguh Irawan · Sep 18, 2012 · 0 Suka · 0 Tidak Suka
yupp.. itu maksudnya, tp saya masih kurang pahan, kalo ada kertakan juga contoh script nya, mohon di maklum,saya masih sangat newbie dan baru belajar..
terima kasih tanggapannya mas..
1
Ellyx Christian · Sep 18, 2012 · 1 Suka · 0 Tidak Suka
caranya mudah, tinggal buat halaman baru untuk print (seperti di website ini tidak ada sidebar,tidak ada header,tidak ada footer), misal nama filenya print.php. Kemudian buat link seperti ini:
<a href="print.php" target="_blank">Print</a>
dan difile print.php pada bagian body buat seperti ini
<!-- code sebelumnya -->
<body onload="print();window.close();">
<!-- code setelanya --->
0
Irwan · Sep 18, 2012 · 0 Suka · 0 Tidak Suka
@Andri
Yup yg mana nih yg tampil pdf atau cuma preview biasa? Kalo cuma preview biasa tuh sama agan Ellyx udah dikasih contohnya :)
0
Andri Teguh Irawan · Sep 18, 2012 · 0 Suka · 0 Tidak Suka
wah, bener banget nih.. @Irwan bisa d review + di simpan juga.. saya pake caranya mas Ellyx Christian.. hasilnya sama dengan yang ada di myphptutorials.com ..
terimakasih bantuannya..:):D
0
Andri Teguh Irawan · Sep 18, 2012 · 0 Suka · 0 Tidak Suka
oo,, yaa, nanya lagi nih.. (nanya mulu :P )..
cara ngasih header + footer nya gmn ya.?? :)
1
Irwan · Sep 18, 2012 · 1 Suka · 0 Tidak Suka
@Andri
Kalo yg preview + print gak bisa disimpan kecuali halaman tadi di-pdfkan dulu. Kalo cuma preview + print dah cukup, Case closed ! :)
Header dan Footer biasanya otomatis ditambahkan dari browser. Header baca dari title di html sedangkan footer biasanya page aja.

Tapi kalo mo custom header dan footer gampang aja kalo biasa pake CSS, tambahin aja spt di bawah ini :
<style>
#header {
	text-align: center;
	font-size: 13px;
	color: #555;
	font-family: Arial, Helvetica, Sans-Serif;
}
#header {
    text-align: center;
    font-size: 13px;
    color: #555;
    font-family: Arial, Helvetica, Sans-Serif;
    border-bottom: 3px double #999999;
    padding:5px 5px 5px 5px;
}
#footer{
    font-size: 11px;
    color: #555;
    font-family: Arial, Helvetica, Sans-Serif;
    border-bottom: 1px solid #DDD;
    padding:5px 5px 5px 5px;
}
</style>
<div id="header">
JUDUL HEADER
</div>
<!-- isi artikel-->
<!-- akhir akrtikel-->
<div id="footer">
JUDUL FOOTER
</div>


Semoga membantu !
0
Andri Teguh Irawan · Sep 18, 2012 · 0 Suka · 0 Tidak Suka
sib.. untuk sementara case closed.. :)
thanks mas Irwan..
0
Irwan · Sep 18, 2012 · 0 Suka · 0 Tidak Suka
Ada yg salah, di css #footer
tertulis :
    border-bottom: 1px solid #DDD;

Seharusnya :
    border-top: 1px solid #DDD;