20 Mart 2012 Salı

Sayfada sadece istenen bir alanı yazdırmak(print ) etmek için javascript

<script language="JavaScript">
    function birAlaniYazdir() {
        var basilacakIcerik= document.getElementById('ALANI_TANIMLAYAN_AD').innerHTML;
        var orjinalSayfa= document.body.innerHTML;
        document.body.innerHTML = basilacakIcerik;
        window.print();
        document.body.innerHTML = orjinalSayfa;
    }

    //VEYA

function gorunumAyarla() {
        var obj = document.getElementById('ALANI_TANIMLAYAN_DIV_ADI').innerHTML;
        if (obj.style.visibility == 'hidden')
            obj.style.visibility = 'visible';
        else       
            obj.style.visibility = 'hidden';     
            }
</script>

Bu da HTML içinden javascripti çağıracağınız tuş kodu örneği.

<input type=button onclick="birAlaniYazdir()" style="width: 97px" />


İlk kodda bir panel veya div adını ALANI_TANIMLAYAN_AD  yerine yazıyorsunuz ve bu alanı görünür, geri kalanını görünmez kıldığı anda print işlemi yapılmış, gereksiz hiçbirşey basılmamış oluyor. Daha sonra kod sitenizi orijinal haline geri döndürüyor. Kullanıcı birşey hissetmiyor ve gereksiz hiçbirşey basılmamış oluyor.

İkinci fonksiyon kodunda ise (gorunumAyarla) bir alan görünmez kılınıyor ama internet explorerda bazen sorun oluyor ve geri kalan görünmez alan boş sayfa olarak yine de printera yollanıyor yani ilkini kullanmanızı tavsiye ediyorum.



1 yorum:

  1. Teşekkürler uzun zamandır aradığım bir kod. Çok sağolun.

    YanıtlaSil