[ASK] Print a Document

Hi guys,
I want to create a snippet for print a document become a hardcopy document.

I can use javascript function to print.
But the problem now is javascript will print a whole of html body so I want to catch the [*#content*] placeholder into the new page.

how to send the [*#content*] with a href or something so I can get a new page only with that content?
I’ve tried to send it with <a href="print.php?content=[*#content*]> but it didn’t work,
otherwise the content is appear twice.

Anyone can help me?

The proper way to do this nowadays is to create another .css file for print, and put a link to it in the template head, using

Then in the CSS, simply hide the parts you don’t want to show with display:none; and set the fonts and sizes to those more appropriate to print.

http://www.alistapart.com/articles/goingtoprint/
http://www.alistapart.com/articles/alaprintstyles/
http://www.alistapart.com/articles/boom/
http://www.alistapart.com/articles/improvingprint/
http://www.alistapart.com/articles/printtopreview/
http://www.alistapart.com/articles/hiresprinting/

It can’t.
I have a menu sidebar, header and footer, and I don’t want to print them.

Quote from: elven_ranger at Aug 06, 2009, 02:26 AM

It can’t.
I have a menu sidebar, header and footer, and I don’t want to print them.

Maybe I misunderstood, but you can hide your menu, header and footer and pretty much anything else using CSS as Susan has indicated above. As long as these have IDs/Classes, you can control them as you wish. When the user clicks on print, the print.css will kick in...

cheers/k

css can do that? hmmm I’ll try.
I’ve never use this trick before.
Thanks for the share

That’s why I posted the links to the most excellent articles in A List Apart; they explain clearly what is happening and how to do it.

I got it!!
hmmm one single problem is, how to activate and deactivate the print.css?
So I can load the print page automatically.

oh one more thing.
I can’t remove the image. Can I give css class between <img/> ??

Quote from: elven_ranger at Aug 06, 2009, 02:40 AM

hmmm one single problem is, how to activate and deactivate the print.css?
So I can load the print page automatically.

You don’t need to activate or deactivate anything. Please read the articles Susan’s pointing to. The key is the "media" type. Your browser is clever enough to know what CSS to load depending on the media type. So, basically, you will put links to your various CSS files in your template head....the rest is for the browser to interpret...

cheers/k

Quote from: elven_ranger at Aug 06, 2009, 03:16 AM

oh one more thing.
I can’t remove the image. Can I give css class between <img/> ??

No offense, but I think you need to read up on your CSS? ....you can give a class/id to any HTML element ..short answer, yes, give it a class and/or id to suit your purpose...

http://www.westciv.com/style_master/academy/css_tutorial/selectors/index.html

cheers/k

Actually I just redevelop someone web into the new one.
But I don’t designed his web, I just use his css.

hmmmm, about the media type, when I use media=print
Will the print.css work automatically when I print it using javascript function?

I’ve read the article, but I don’t understand yet.