Merhaba arkadaşlar,Sitenizin sayfalarını tasarlamaya başladınız. Ancak ziyaretçilerinizin sayfanız dan çıktı almasını istiyorsunuz. Ziyaretçiler sayfayı yazdır dediğinde sayfa içerisindeki tüm her şey kağıda dökülür. Ancak siz böyle değil sizin belirlediğiniz yerin çıktısını aldırmak istiyorsunuz. Bu işlem için aşağıdaki adımları uygulayabilirsiniz.

  1. Aşağıdaki gibi bir sayfamız olduğunu varsayalım.
  2. Şimdi sayfamızın kodlarını görelim. Örnek Sayfamızın kodları aşağıdaki gibidir.
  3. Yukarıdaki sayfayı normal şekilde yazdırmayı deneyelim ve karşımıza çıkan sonucu görelim.
  4. Gördüğünüz gibi yukarıdaki sayfada yazdır dediğimizde sayfadaki her şeyi kağıda döküyor. Oysa biz sadece tabloyu yazdırmak istiyoruz.Bunun için tablomuzun üstüne id veriyoruz. table kodumuzun üzerine aşağıdaki kodu yazıyoruz. Tablomuzun bitimine de </table> dan sonra da divi kapatıyoruz. Yani kodlarımız aşağıdaki gibi oluyor
    <Div id=”IcerikAlani”>
    <table border=1>
    <tr>
    <td>FENERBAHÇE</td>
    <td>GALATASARAY</td>
    </tr>
    <tr>
    <td>BEŞİKTAŞ</td>
    <td>AKHİSARSPOR</td>
    </tr>
    </table>
    </div>
  5. Daha sonra yazdırma kodlarımızı aşağıdaki gibi sayfa kodlarımızın en altına yazıyoruz
    <script language=”javascript”>
    function CallPrint(strid)
    {
    var prtContent = document.getElementById(strid);
    //var WinPrint = window.open(”);
    var WinPrint = window.open(”,”,’letf=0,top=0,width=800,height=1000,toolbar=0,scrollbars=0,status=0′);
    WinPrint.document.write(prtContent.innerHTML);
    WinPrint.document.close();
    WinPrint.focus();
    WinPrint.print();
    WinPrint.close();
    // prtContent.innerHTML = strOldOne;
    }
    </script>
  6. Daha sonra yazdırma işlemi için kullanacağımız simgenin kodlarını aşağıdaki gibi yazıyoruz.
    <a href=”javascript:CallPrint(‘IcerikAlani’)”><img src=”print.png” title=”Print This Result” alt=”Print” border=”0″>
  7. Şimdi sayfamızı açalım. Yazıcı simgesine tıklayalım.
  8. Yazdırma penceresi aşağıdaki gibidir.
  9. Yukarıda da görüldüğü gibi yazdır dediğimizde sadece tablo görünüyor. son olarak sayfamızın tüm kodları aşağıdaki gibidir.

    olay Gelsin Arkadaşlar 😀 😀 😀

561 total views, 0 views today

Bir Cevap Yazın

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

Name *
Email *
Website

Spam Protection by WP-SpamFree