Cara gampang print halaman website dengan jquery





Oke, pada sharing scirpt kali ini saya akan mencoba membagikan scipt untuk memudahkan anda membuat print page halaman html anda. script ini saya temukan di stackoverflow tentunya.


Note : anda membutuhkan file jquery.js untuk menjalankan script ini


 <div id='DivIdToPrint'>  
   <p>This is a sample text for printing purpose.</p>  
 </div>  
 <p>Do not print.</p>  
 <input type='button' id='btn' value='Print' onclick='printtag("DivIdToPrint");' >  


JAVASCRIPT

  function printtag(tagid) {  
       var hashid = "#"+ tagid;  
       var tagname = $(hashid).prop("tagName").toLowerCase() ;  
       var attributes = "";   
       var attrs = document.getElementById(tagid).attributes;  
        $.each(attrs,function(i,elem){  
         attributes += " "+ elem.name+" ='"+elem.value+"' " ;  
        })  
       var divToPrint= $(hashid).html() ;  
       var head = "<html><head>"+ $("head").html() + "</head>" ;  
       var allcontent = head + "<body onload='window.print()' >"+ "<" + tagname + attributes + ">" + divToPrint + "</" + tagname + ">" + "</body></html>" ;  
       var newWin=window.open('','Print-Window');  
       newWin.document.open();  
       newWin.document.write(allcontent);  
       newWin.document.close();  
       // setTimeout(function(){newWin.close();},10);  
     }  

Dengan script tersebut berbagai macam halaman html anda dapat diprint dengan mudah.


Sumber : https://stackoverflow.com/questions/33732739/print-a-div-content-using-jquery

Load comments