JQuery for Everyone: Print (Any) Web Part(s) Plugin

Please Join the Discussion

1. Mike Slomanski says:

   April 30, 2009 at 10:59 am

   I do not understand what I would do with this code or where to put it.?. Sorry if it is obvious. Looks useful.

   Reply
2. flume says:

   May 12, 2009 at 3:57 am

   I agree with Mike. Would be nice with a simple example…

   Reply
3. Frank says:

   May 27, 2009 at 11:17 am

   I added the code to my test site and it works. I have a few problems.
   1. How do I get the calendar to print on one page?
   2. How do I get it to work with other web parts? Here are some examples: (Hidden) Cross-Site Menu, (Hidden) LoadTip Live and other ‘great stuff’ I got from EndUsersSharePoint.
   I add it to the site and only the print code works.
   Hope you can help.

   Reply
4. AutoSponge says:

   May 28, 2009 at 5:30 pm

   @Frank,

   1. I’m guessing that the calendar will print to a single page if you can adjust your print settings. If not, you’re allowed to pass custom CSS instructions in the call to $.print(). See the example in this article.

   2. Check the versions of jQuery you’re using. If you’re mashing up web parts, make sure you use the same version everywhere.

   As for making specific code work together, I can only speak for my own creations and I never tested this with LoadTip Live.

   Reply
5. Charlie Epes says:

   March 4, 2010 at 9:33 am

   Hi Paul:
   Would you give us some help on how to install and utilize this plug-in?

   Thanks-

   Charlie Epes

   Reply
6. AVIKA says:

   March 4, 2010 at 9:59 pm

   If I have 1000+ items, will it print page by page or you can all the pages?

   Reply
7. Sam says:

   March 22, 2010 at 5:24 am

   Here is a simpler version of this code.

   It not jquery, but to be honest theres hardly a need for jquery on small functions like these..
   
function print() {
var a = window.open('', '', 'scrollbars=yes,width=850,height=650');
a.document.open("text/html");
a.document.write('');
a.document.write(document.getElementById('print').innerHTML);
a.document.write('');
a.document.close();
a.print();
}


   Reply
   • EndUserSharePoint says:

     March 22, 2010 at 8:14 am

     Thanks Sam. I’m in agreement that some of the things I’m seeing can be done with a simple javascript function as opposed to making a call to jQuery. Specifically, some of the interface enhancements available could just as easily be one with plain CSS in a CEWP. — Mark

     Reply
8. AutoSponge says:

   March 22, 2010 at 9:48 am

   @Sam,

   Thanks for your suggestion. However, your script does not preserve the CSS/style used on the area being printed. You also neglected to mention that your version does not work in SharePoint because there is no element with id=print. I’ll also add, that part of this script’s utility is that it does not clog the global namespace with a generic name like yours, it extends jQuery instead–which followers of this article are already using for many other solutions.

   I’ll admit, I wrote this a long time ago, and probably would write better version today, but when I offered this, I tested it in multiple browsers in SharePoint–your code is just a copy-paste example from somewhere else.

   Reply

Trackbacks

1. Pearl Tech » Blog Archive » Printer Friendly jQuery says:

   September 23, 2009 at 8:39 am

   [...] friendly web content is another hurdle for application developers. I recently came across some useful jQuery for printing Sharepoint web parts. The idea was pure genius – wrap the bit of HTML you want [...]

   Reply
2. JQuery for Everyone: Minimal AOP and Elegant Modularity | EndUserSharePoint.com says:

   December 16, 2009 at 12:57 pm

   [...] two basic options for creating “plugins” (extensions of the jQuery library). Like my Print Any Web Parts code, you can create a jQuery method by using jQuery.prototype. or the pseudonym, [...]

   Reply