Solved

How Do You Print an Entire Page Using JavaScript Print Functionality?

Posted on 2014-09-11
4
217 Views
Last Modified: 2014-09-22
I am only able to print the part of the page that is visible using JavaScript window.print() functionality.  I need to know how to print the full web page - including the contents the user has to scroll to get to.

How can this be done?

Thanks,

Dan
0
Comment
Question by:danielolorenz
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 40317643
"JavaScript window.print()" should be opening the print dialog on the target machine.  JavaScript itself does not do any direct printing.  I usually use the "Print Preview" dialog to print what I want.  It will still print in pages because that's what printers do.
0
 

Author Comment

by:danielolorenz
ID: 40317955
I do not have the print preview dialogue.
0
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 40318254
Although you can't open it with JavaScript, every browser that I know of has Print Preview on the File menu.  That includes Firefox, IE, Safari, Opera, and Chrome always opens it's own print preview for printing.  In addition, if I press Ctrl+P here in Firefox, the checked option is to print all pages.
0
 

Author Closing Comment

by:danielolorenz
ID: 40338253
Thanks
0

Featured Post

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

696 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question