Javascript solution to print specified area. Cross-browser friendly.

Question

Hi Guys,

I am currently developing a site which requires a print option on the page. When clicked this button fires a script that prints all contents within a <span id='printArea'></span>.

I am using a jQuery plugin called printElement at the moment and it works very well in all browsers that I have tested except Google Chrome.

I have researched this problem and applied a suggested solution involving a setTimeOut() but have had no luck.

My question is: can anyone suggest a good cross-browser solution for printing a defined area of a web page?

Answer 1

Could you not just create a printable stylesheet, which hides all the other areas of the page that you don't want printing?