Membuat Print Button
Seringkali disaat kita membuka suatu situs dan isinya menarik untuk dicetak sebagai bahan bacaan yang dapat disimpan sebagai referensi.Yang kita lakukan jika ingin mengeprint page tersebut dengan cara:
Klik File-- Print, atau
Klik Edit-- select All-- Klik kanan Mouse-- Copy dan kemudian Paste ke Notepad atau Word kemudian men-printnya.
Ada cara agar pengunjung yang berkunjung ke web atau blog kita dapat dengan mudah men-print page dari halaman web atau blog kita yang dianggap menarik.Hanya sekali klik sebuah button, maka page tersebut akan terprint.
Caranya:
1. Copy dan Paste script berikut ini dan letakkan diantara tag <head>dan </head> pada web anda.
<script language="JavaScript">
function printPage() {
if(document.all) {
document.all.divButtons.style.visibility = 'hidden';
window.print();
document.all.divButtons.style.visibility = 'visible';}
else {document.getElementById('divButtons').style.visibility = 'hidden';
window.print();
document.getElementById('divButtons').style.visibility = 'visible';}}
</script>
2. Kemudian Copy dan Paste script ini dan letakkan dimana anda ingin agar button ini terlihat.
<div id="divButtons" name="divButtons">
<input type="button" value = "Print this page" onclick="printPage()"
style="font:bold 11px
verdana;color:#FF0000;background-color:#FFFFFF;">
</div>
Hasilnya seperti berikut:
3. Kalimat Print This Page dapat anda robah, terserah anda kalimat apa yang dinginkan.Misalnya, Silakan Cetak Halaman Ini, dsb.
4. Selesai.
Original post from : bravenet.com
Posts
Post a Comment