Print with jQuery: part of page

**azraf** · Feb 28, 2011 14:08

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.

**chris.upjohn** · Feb 28, 2011 16:49

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

**azraf** · Mar 1, 2011 00:23

@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.

**paul_wilkins** · Mar 1, 2011 00:43

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

**sguduru** · Mar 1, 2011 16:34

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();
}

**azraf** · Mar 1, 2011 23:02

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

**sguduru** · Apr 13, 2011 20:28

see full code example here:

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

User Tag List

Thread: Print with jQuery: part of page

Thread Tools

Display

Print with jQuery: part of page

Bookmarks

Bookmarks

Posting Permissions