Solved

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

Posted on 2014-09-11
4
209 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
  • 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

Migrating Your Company's PCs

To keep pace with competitors, businesses must keep employees productive, and that means providing them with the latest technology. This document provides the tips and tricks you need to help you migrate an outdated PC fleet to new desktops, laptops, and tablets.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Simple Total function not working 8 32
add image on html mail 6 19
Place text over image using CSS 6 44
How to show span when clicked on? 10 23
This article discusses four methods for overlaying images in a container on a web page
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

821 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