Kamis, 20 Juni 2013

Tips Print tag Div HTML Menggunakan Function Javascript

Berikut ini saya akan menjelaskan bagaimana kita akan melakukan action print pada tag DIV tertentu. Funtion tersebut biasanya kita gunakan apabila kita ingin print suatu report dalam program kita.
Berikut ini script nya :

untuk javascript nya :

 <script>
   function printDiv(divName) {
       var printContents = document.getElementById(divName).innerHTML;
       var originalContents = document.body.innerHTML;

       document.body.innerHTML = printContents;

       window.print();

       document.body.innerHTML = originalContents;
 }
</script> 


sedangkan untuk HTML nya :

<div id="no print">
      <h1>Selamat Datang Blog Saya</h1>
</div>
<div id="printableArea">
      <h1>Print me</h1>
</div>
 
<input type="button" onclick="printDiv('printableArea')" value="Print Did" /> 

  
Maka nanti hasil nya yg terprint adalah "<h1>Print me</h1>
 
 
 
 
semoga tips ini bisa membantu :) 

0 komentar:

Search

Entri Populer

Mengenai Saya

Chat YM

sandy_sendy. Diberdayakan oleh Blogger.