$('.print_invoice').on('click',function(){ let printBody = $('.invoice-print'); let originalContents = $('body').html(); $('body').html(printBody.html()); window.print(); $('body').html(originalContents); })
Yukarıdaki kodumuzda “print-invoice” sınıfını tanımlı elementimiz (buton) tıklandığında çalışacak kodları içeren bir fonksiyondur.
1) let printBody = $(‘.invoice-print’); ile “invoice-print” sınıfımızın içeriğini printBody olarak saklıyoruz. Çünkü sadece bu alanı yazdırmak istiyoruz.
2) let originalContents = $(‘body’).html(); ile body bölümündeki tüm içeriği yedeklemek için değişkende saklıyoruz.
3) $(‘body’).html(printBody.html()); ile geçiçi olarak body mizin içeriğine yazdırmak istediğimiz alanı ekliyoruz.
4) window.print(); ile yazdırma fonksiyonunu çağırıyoruz.
5) $(‘body’).html(originalContents); ile fonksiyon sonunda orijinal içeriği tekrar yüklüyoruz.