JavaScript ile İstenilen Bir Alanı Yazdırmak – JavaScript Print
Merhaba arkadaşlar, bu yazımda sizlere javaScript ile istenilen Bir Alanı Yazdırmak işlemini göstereceğim. Sayfamızda sadece istediğimiz bölgeyi yazdırmak istiyorsak aşağıdaki fonksiyonları kullanabiliriz. Bu işlemi menüler ve diğer sayfa öğelerinin çıktısını almak istemiyorsak uygulayabiliriz.
Yapmamız gereken, yazdırmak istediğimiz bölgeyi bir element içerisine almak ve bu elementimize bir id vermek. Daha sonra verdiğimiz idye göre yazdırılacak bölgeyi seçtiriyoruz ardından yazdırma penceresini açtırıyoruz ve yazdırıyoruz.
Örnek Kullanımı:
Not: jQuery kütüphanesini sayfanıza referans etmeyi unutmayınız aksi takdirde JS kodlarınız çalışmayacaktır.
<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js”></script>
<script language=“JavaScript”>
function yazdir() {
var yazdirilacakAlan= document.getElementById(‘yazdirilacakBolge’).innerHTML;
var orjinalSayfa= document.body.innerHTML;
document.body.innerHTML = yazdirilacakAlan;
window.print();
document.body.innerHTML = orjinalSayfa;
}
</script>
<div id=“yazdirilacakBolge”>
Yazdırılacak bölge burada.
</div>
<div id=“yazdirilmayacakBolge”>
Yazdırılmayacak alan.
</div>
<input type=“button” onclick=“yazdir()” style=“width: 97px” value=“Yazdır” />
Sonuç
Evet arkadaşlar bu yazımda sizlere sayfada sadece istenilen bir alanı nasıl yazdıracağımızı anlatmaya çalıştım, umarım faydalı olmuştur.
Soru ve önerilerinizi yorum olarak ya da e-mail göndererek iletebilirsiniz, teşekkürler.
