Print a div content with javascript

In javascript window.print(); function use to print a page. But some time we need script to print a div content. For this purpose I have coded, allow you to print a div content with opening child page as preview and close the page after print automatically.

Code:

<script>
function printContent(div_id)
{
var DocumentContainer = document.getElementById(div_id);
var html = '<html><head>'+
               '<link href="css/template.css" rel="stylesheet" type="text/css" />'+
               '</head><body style="background:#ffffff;">'+
               DocumentContainer.innerHTML+
               '</body></html>';

    var WindowObject = window.open("", "PrintWindow",
    "width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes");
    WindowObject.document.writeln(html);
    WindowObject.document.close();
    WindowObject.focus();
    WindowObject.print();
    WindowObject.close();
    document.getElementById('print_link').style.display='block';
}
</script>
<a href='javascript:printContent("ad_div")' id='print_link'>Print</a>
 <div id='ad_div'>
 The div content will here </div>

Print a div content with javascript

Friday, January 25, 2013

Code: