Question

I currently have a popup dialog with a timetable inside it and a button below. When pressed it should print the timetable inside that dialog.

What I’ve done so far is: <input type="submit" value="Print Timetable" class="ActionButton" onClick="window.print()"/> but it prints the entire page. I’m not sure how I can print just the table inside it.

I’ve also noticed that in print preview. there are no colours. It’s black and white.

I’m using jQuery and PHP as well.

Thanks

Answer 1

Create a print stylesheet

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

Create CSS rules to hide the content you do not what to be printed. Format the popup so it looks pretty.