Printer friendly pages?

S

Steve G

I have a customer who would like to have information
displayed on a page to be available to customers in
a 'printer friendly' way, by having them click on a
button.

The button part's easy, but how can you take the same
information and format it for a printer? Take off
unnecessary information, etc? Is there CSS for this
somewhere? Or scripts?

Anyone point me in a good direction?

Thanks,
Steve
 
T

Thomas A. Rowe

You can create 2 additional pages, one page (P1) would just include the content without any
navigation, banners, etc., this would become a FP Include Page. The other page (P2) would be page
you would link your print button to.

Now on the original page, remove the content and replace with the FP Include Page component to
include P1, then do the same on P2.

I think this is a better approach over using CSS, since all browsers support this, as it is standard
HTML that is being sent to the browser.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
J

Jim Buyens

The term "Printer-friendly Web page" is somewhat of an
oxymoron. Basically, the people who designed HTML never
thought seriously about rendering the same information in
print.

Nevertheless, you can find some tips at:

Creating "Printer Friendly" Pages
http://www.interlacken.com/winnt/tips/tipshow.aspx?tip=33

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------
 
W

wp

Just create a page, copy/paste the info in it. Remove any shared borders, includes, banners, images, background, etc
Save it as whatever you're comfortable with. (???ptr.html works). Create an image or text hyperlink to it
If you like, you can format the text to whatever your client likes to see when "he" prints it
 
A

Andrew Murray

to make a link to print a page:

<a href="#" onclick="print.this();">

a button

<input type="button" onclick="print.this();">

prints the current page.

From the way I see it, you'd make a separate page as your Printer-friendly page
(yes it means double the work!).
or do a PDF or Word document (or even Notepad if all you need is the text) -
perhaps Wordpad to add the basic text formatting.
 
A

Adela D

How would I incorporate this script into a page, and how would I identify the button that this script goes along with?
 
C

chris leeds

the button should print the page.
rather than make s separate page for printing you can use .css to make your
site more friendly to the printer.

if you visit my site http://nedp.net/ and click file/ print preview you will
see that it's a totally different "view".

most of the info I got on how to do it came from here:
http://www.alistapart.com/articles/goingtoprint/

HTH

--
The email address on this posting is a "black hole". I got tired of all the
spam.
Please feel free to contact me here:
http://nedp.net/contact/
--


Adela D said:
How would I incorporate this script into a page, and how would I identify
Click to expand...
the button that this script goes along with?
 
A

Adela D

Thank you.

chris leeds said:
the button should print the page.
rather than make s separate page for printing you can use .css to make your
site more friendly to the printer.

if you visit my site http://nedp.net/ and click file/ print preview you will
see that it's a totally different "view".

most of the info I got on how to do it came from here:
http://www.alistapart.com/articles/goingtoprint/

HTH

--
The email address on this posting is a "black hole". I got tired of all the
spam.
Please feel free to contact me here:
http://nedp.net/contact/
--



the button that this script goes along with?
Click to expand...
 
C

chris leeds

you've very welcome.

even if your page is layed out in tables rather than <div>s you can still
use the display: none; attribute and it works fairly well on most browsers.
 
Top