Step 1:
Simple Html File
add Button On Html File
<input type="button" onclick="a();" value="Demo Example ">
Step 2:
write code on script in function a()
<script type="text/javascript">
function a()
{
var disp_setting="toolbar=no,location=no,directories=no,menubar=n0,";
disp_setting+="scrollbars=yes,width=700, height=330,left=300,top=325";
var rate_print=window.open("","",disp_setting);
rate_print.document.open();
rate_print.document.writeln('<html><head><title>Sample DEMO </title>');
rate_print.document.writeln('</head><body bgcolor="#b8f8f7"><center>');
rate_print.document.writeln("<table align='center' cellspacing='0'
border='1' bordercolor='#000000'
style='border-collapse:collapse' width='100%' id='viewparticipant'>");
rate_print.document.writeln("<tr>");
rate_print.document.writeln("<th class='tstyle' style='page-break-after:always'>S.NO</th>");
rate_print.document.writeln("<th class='tstyle' style='page-break-after:always'>Vendor Name</th>");
rate_print.document.writeln("<th class='tstyle' style='page-break-after:always'>Address</th>");
rate_print.document.writeln("<th class='tstyle' style='page-break-after:always'>Quantity</th>");
rate_print.document.writeln("<th class='tstyle' style='page-break-after:always'>Size</th>");
rate_print.document.writeln("<th class='tstyle' style='page-break-after:always'>Rate</th>");
rate_print.document.writeln("<th class='tstyle' style='page-break-after:always'>Date</th>");
rate_print.document.writeln("</tr>");
for(var i=0,j=1;i<100;i=i+1,j++)
{
rate_print.document.writeln("<tr>");
rate_print.document.writeln("<td valign='center' align='center'> "+j+"</td>");
rate_print.document.writeln("<td valign='center' align='left'>"+"Bharat"+" </td>");
rate_print.document.writeln("<td valign='center' align='left'>"+"Shirur"+" </td>");
rate_print.document.writeln("<td valign='center' align='right'>"+"24"+" </td>");
rate_print.document.writeln("<td valign='center' align='right'>"+"22"+" </td>");
rate_print.document.writeln("<td valign='center' align='right'>"+"32423423"+" </td>");
rate_print.document.writeln("<td valign='center' align='center'>"+"19/10/1987"+" </td>");
rate_print.document.writeln("</tr>");
}/**end of the for loop*/
rate_print.document.writeln("</table>");
rate_print.document.writeln("<br>");
rate_print.document.writeln("<input id='ok' type='button' value='Ok'
class='blackbuttonlow' tabindex='1' onclick='window.close()'> ");
rate_print.document.writeln("   ");
rate_print.document.writeln("<input type='button'
value='Print' tabindex='1' onClick='this.style.visibility=\"hidden\"; window.print();'/>");
rate_print.document.writeln('</center></body></html>');
rate_print.document.close();
rate_print.focus()
}
</script>
Step 3
Run Program (click on Button)
click on Print Button



Great Work.. Thank you very much for sharing..
ReplyDelete