Print Contents of HTML DIV control with Print Preview using jQuery

<head>
    <title></title>
   
        $(“#btnPrint”).live(“click”, function () {
            var divContents = $(“#dvContainer”).html();
            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();
        });
   
</head>
<body>
    <form id=”form1″>
   

        This content needs to be printed.
   
    <input type=”button” value=”Print Div Contents” id=”btnPrint” />
    </form>
</body>
</html>
Advertisements

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s