Monday, August 22, 2011

Print div content in using Javsscript??

Below code used to print div content here we have to write printable content in "printDiv" 

    <form id="Form1" method="post" runat="server">
 <div id="printDiv">
  Printable content
 </div>
 <input type="button" value="Print" onclick="JavaScript:printPartOfPage('printDiv');">

<script type="text/javascript">
<!--
function printPartOfPage(elementId)
{
 var printContent = document.getElementById(elementId);
 var windowUrl = 'about:blank';
 var uniqueName = new Date();
 var windowName = 'Print' + uniqueName.getTime();
 var printWindow = window.open(windowUrl, windowName, 'left=50000,top=50000,width=0,height=0');

 printWindow.document.write(printContent.innerHTML);
 printWindow.document.close();
 printWindow.focus();
 printWindow.print();
 printWindow.close();
}
// -->
</script>

</form>


Njoy coding......

No comments:

Post a Comment