Print Selected content on HTML Page

Here is the code for printing selected content on HTML Page.

<!DOCTYPE html>

<html lang=”en” xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
    <meta charset=”utf-8″ />
    <title></title>
    <script type=”text/javascript” language=”javascript”>
        function PrintDivContent() {
            var divContents = document.getElementById(“dvContainer”).innerHTML;
            var printWindow = window.open(, , ‘height=400,width=800’);
            printWindow.document.write(‘DIV Contents’);
            printWindow.document.write();
            printWindow.document.write(divContents);
            printWindow.document.write();
            printWindow.document.close();
            printWindow.print();
        }
     </script>
</head>
<body>
    <div id=”dvContainer”>
        This content needs to be printed.
    </div>
    <input type=”button” value=”Print Div Contents” id=”btnPrint” onclick=”PrintDivContent(); />
</body>
</html>


Happy Coding
Gopinath

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s