21 Kasım 2017 Salı
Twitter

JS ile sayfada istenilen bir alanı yazdırma

Sayfanın tamamını değil de sadece bir div in içeriğini yazdırmak isterseniz ne yapmalısınız?

İstediğimiz işlemi javascript ile rahatlıkla yapabiliriz.

Javascript'te zaten aşağıdaki komut ile tüm sayfayı yazdırabiliyoruz.

window.print();

Ama sayfanın tamamını değil de bir kısmını yani istediğimiz bir tag ın içeriğini yazdırmak istediğimizde ne yapmalıyız?

Çözüm birazcık javascript manipülasyonu ile yapılabiliyor.

Önce bu işi yapacak js kodunu göstereyim:

<script type="text/javascript">
    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>

Şimdi de örnek kullanımı göstereyim:

<html>
<head>
 <script type="text/javascript">
    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>
</head>
<body>
    <a href="javascript:printDiv('divYazdir');">Yazdır</div>
    <div>
        İçerik - 1
    </div>
    <div id="divYazdir">
        Yazdırılmasını istediğimiz içerik
    </div>
    <div>
        İçerik - 3
    </div>
</body>
</html>

Yazdır linkine tıkladığımızda baskı önizlemede sadece divYazdir id li divin içeriğini göreceksiniz.

Ekran görüntüsü:

Kolay gelsin.

 

 

 

 

 

 

 

 

 

Değerlendirme

Yazım dilinin sadeliği ve anlaşılabilirliği Puan: 4,38 (4 oy)
Yazıdaki kodların kalitesi Puan: 4,51 (4 oy)
İhtiyaca cevap verme Puan: 4,30 (4 oy)
Tavsiye edilebilirlik Puan: 4,66 (4 oy)
Genel değerlendirme Puan: 4,63 (4 oy)
Puanlamalar 5 üzerindendir.
  • Site Yorumlarý
  • Facebook Yorumlarý Facebook Yorumlarý
Yeni yorum yaz
Henüz bir yorum yazýlmadý. Ýlk yazan siz olabilirsiniz.