JavaScript ile İstenilen Bir Alanı Yazdırmak – JavaScript Print

3.986 kez okundu

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.

javaScript ile istenilen Bir Alanı Yazdırmak

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.

 

Bunlar da hoşunuza gidebilir...

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Time limit is exhausted. Please reload CAPTCHA.

Tipobe365 Giriş