Artikel Yang Paling Populer

Thursday, June 21, 2007

Membuat Print Button

| Thursday, June 21, 2007 | 1 comments

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

1 comments:

Atap baja ringan said...

Excellent tutorials, thank you very much

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Followers

 
© Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com