Print with jQuery: part of page

JavaScript
1

I have posted a thread in PHP section http://www.sitepoint.com/forums/showthread.php?t=737982
Thinking if it is possible to solve using Javascript with/without jQuery.
I need to print one form from Multiple forms in one page

I am planning to make a page which will contain 6 receipt form. [Six form in One page]. When the form filled up, then jQuery Ajax will submit the form without reloading the page, and there will also be 6 different button to print each individual form.

N.B. One person give a hints that, I need 6 id with 6 listener. I need little more detail guideline.

2

This should help you
http://jquery.malsup.com/form/#getting-started

3

@SgtLegend,
I actually need to make option for mutiple print option [for each form, individually] in one page.
Your given link is only a for Form plugin.

Thanks for your time.

4

That could most easily be done by applying a different CSS print stylesheet, depending on which form you want the print stylesheet to display.

5

give six unique ids for forms and when click on print button create a print window, write html content related print area, print this window and close.

here is the sample code i have created in my page
call the below function on print button click by passing unique id

function print(id)
{

		var html="<html>";
		html+="<head>";
	
		html+="<link rel='Stylesheet' type='text/css' href='css/print.css' media='print' />";
		html+="</head>";
		html+= document.getElementById(id).innerHTML;
		html+="</html>";
		
		var printWin = window.open('','','left=0,top=0,width=1,height=1,toolbar=0,scrollbars=0,status=0');
		printWin.document.write(html);
		printWin.document.close();
		printWin.focus();
		printWin.print();
		printWin.close();
	}
6

Thanks a lot. I am going to try it soon.

7

see full code example here:

Javascript Print: Part of Web Page, multiple print buttons, print window