Erel Çolak

JavaScript ile Belirli bir div yazdırma

by · Published · Updated

Belirli bir div’i ve onun içeriğini yazdırmak istediğinizde çözümü aşağıdaki şekilde print fonksiyonu yazmak olacaktır.

<html>

<head>
  <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js"> </script>
  <script type="text/javascript">

    function PrintElem(elem) {
      Popup($(elem).html());
    }

    function Popup(data) {
      var printekrani = window.open('', 'Print', 'height=650,width=600');
      printekrani.document.write('<html><head><title>my div</title>');
      /*optional stylesheet*/ //printekrani.document.write('<link rel="stylesheet" href="main.css" type="text/css" />');
      printekrani.document.write('</head><body >');
      printekrani.document.write(data);
      printekrani.document.write('</body></html>');

      printekrani.document.close(); // necessary for IE >= 10
      printekrani.focus(); // necessary for IE >= 10

      printekrani.print();
      printekrani.close();

      return true;
    }

  </script>
</head>

<body>

  <div id="yazdirilacakolandiv">
    Yazdırılacak olan div
  </div>

  <div>
    Burası yazdırılmayacak
  </div>
  <input type="button" value="Print Div" onclick="PrintElem('#yazdirilacakolandiv')" />

</body>

</html>

Tags:

You may also like...

1 Response

  1. Mehmet GÜNDÜZ dedi ki:
    3 Ocak 2016, 17:16

    Erel Bey Merhaba,
    Javascript ile yazdırma işlemi yapılırken her sayfaya üst bilgi ve alt bilgi eklenebilir mi?
    Biraz Açmak Gerekirse,
    Baskı alınmak istendiğinde her sayfanın başlangıcına bir antet tablosu eklemek istiyorum bunun içerisine sayfa adet ve hangi sayfa olduğu bilgisi ( 1/10) form no, tarih vb bilgiler yer alacak..
    Yardımcı olursanız çok sevinirim
    İyi Çalışmalar…

    Mehmet GÜNDÜZ
    mhmt.gunduz@outlook.com

Bir cevap yazın