JavaScript Print fonksiyonu

Merhaba arkadaşlar, birçoğunuzun işine yarar diye bugübn 3.yazımı paylaşıyorum JavaScript kategorisi altında. Fazla uzatmadan hemen size JavaScript ile nasıl printview ekranı görüntülenir, bu açılan ekran boyutları nasıl verilir ve bu yazdığımız fonksiyon butona nasıl onclick olarak tanır bunu gösterecegğim. Herşey çok basit. CallPrint adında bir Fonksiyonumuz var. ” var WinPrint = window.open ” kısım printview olarak açılacak sayfanın boyutlarıdır.Butonumuz ve kodu aşağıdadır. Kodu satır satır anlatmama gerek yok diye dusunuyorum. Eğer sorusu olan arkadaşlar varsa yorum bırakabilirler.

<script type=’text/javascript’ language=”javascript”>

function CallPrint() {
var prtContent = document.getElementById(“divPrint”);
var WinPrint = window.open(”, ”, ‘left=0,top=0,width=800,height=600,toolbar=0,scrollbars=0,status=0′);
WinPrint.document.write(prtContent.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();
}

</script>

<dx:ASPxButton ID=”btnPrint” runat=”server” Text=” Print”>
<ClientSideEvents Click=”CallPrint” />
</dx:ASPxButton>

butonunuz Devexpress tool değil normal ise aşağıdaki gibidir.
<input type=”button” id=”Button1″ value=”Yazdır” runat=”Server” onclick=”javascript:CallPrint(‘divPrint’);” />

264 Görüntülenme