Javascript ile print sayfası oluşturma

Projelerinizde belirli bir div arasını yazdırma için aşağıda javascript kodunu uygulayın 

öncelikle yazdırmak istediniz div e bir id atayın.

  2.  <script type="text/javascript">
  3.             function print() {
  4.                 var windowUrl = '';
  5.                 var windowName = 'PrintWindow';
  6.                 var mywindow = window.open('', windowName, 'height=%75,width=%100');

  8.                 mywindow.document.write('<html><head>');                
  9.                 mywindow.document.write('<link rel="stylesheet" href="Sayfanızda bulunan tüm css leri tanımların " />');               
  10.                 mywindow.document.write('<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700%7CRoboto:300,400,500,600,700" media="all">');
  11.                 mywindow.document.write('</head><body>');              
  12.                 mywindow.document.write(document.getElementById('DvTable').innerHTML);               
  13.                 mywindow.document.write('</body></html>');
  14.                 var h = mywindow.document.getElementsByTagName("head")[0];
  15.                 var js = mywindow.document.createElement("script");
  16.                 js.type = "text/javascript";
  17.                 js.src = "ProjeJs/printjouery.js"+"vendors/js/vendor.bundle.base.js"+"vendors/datatables.net/jquery.dataTables.js" ; bu bölümde yazdırılacak alanda kullanılan js tanımlayın
  18.                 h.appendChild(js);
  19.                 mywindow.focus();
  20.                 mywindow.print();
  21.                 mywindow.document.close();
  22.                 setTimeout(function () { mywindow.print(); }, 1000);
  23.                 mywindow.close();
  24.             }
  25.         //document.getElementById('YazdirBtn').addEventListener("click", print)
  26.         </script>

printjouery.js dosyasını aşağıda linkten indirebilirsiniz.

Makale ilgili kaynak dosya

İlgili Makaleler

Üye Yorumları

Bu Makaleye Henuz Yorum Yapılmamıştır

Yorum Yaz