Please use the below function to print the HTML contents via Element Id or Class Name via Javascript/jQuery.
PS: You would require jQuery library to link.
PS: You would require jQuery library to link.
/* * Function to print the HTML contents via element Id or Class * elem This can be Name of the tag ID or Class */ function PrintMe(elem) { var pageHeaderTitle = 'Enter you Page Header Title here'; var bodyTitle = 'Enter you Page Title here'; var bodySubTitle = 'Enter you Page Sub Title here'; // (optional) var pageData = jQuery(elem).html(); var siteLogoCaption = 'Your Site Name'; var site_logo_alt = '/images/logo/logo.jpg'; var css_bootstrap_file_url = 'http://www.yourdomain.com/css/bootstrap.min.css'; var css_custom_file_url = 'http://www.yourdomain.com/css/custom.css'; var mywindow = window.open('', 'my div', 'height=600,width=800,scrollbars=yes'); mywindow.document.write('< html>' + pageHeaderTitle + ' - '); mywindow.document.write('< link href="' + css_bootstrap_file_url + '" rel="stylesheet" type="text/css">'); mywindow.document.write('< link href="' + css_custom_file_url + '" rel="stylesheet" type="text/css">'); mywindow.document.write('< img alt="' + siteLogoCaption + '" height="auto" src="' + site_logo_url + '" style="float: left; margin-left: 40px;" width="100" />'); mywindow.document.write('< div class="container" id="print_form" >< h3>'+ bodyTitle +'< /h3>'); mywindow.document.write('< h4>' + bodySubTitle + '< /h4>< hr />'); mywindow.document.write(pageData); mywindow.document.write('< p>---< /p>'); mywindow.document.write('< /div>< /body>< /head>< /html>'); mywindow.print(); mywindow.document.close(); } /** Invoking the printing function **/ < button class="btn btn-primary" onclick="PrintMe('#divContainerToPrint'); return false;" >Print< /button>
No comments:
Post a Comment
Please post any queries and comments here.