Question

I am trying to alter style at print-time:

Is there an event in javascript that you can listen for for when file>>print is called? What is it? Also – is there a handler for when printing is finished? What is it?

or if there is a better way to do this with some other means, such as style sheets, how do you do that?

Answer 1

Different Style Sheets

You can specify a different stylesheet for printing.

<link rel='stylesheet' type='text/css' media='print' href='print.css' /> <link rel='stylesheet' type='text/css' media='screen' href='main.css' /> 

One Style Sheet

As kodecraft mentioned, you can also put the styles into the same file by using the @media block.

@media print {     div.box {         width:100px;     } }  @media screen {     div.box {         width:400px;     } }