code for Printing a single element in the page

[Jordan6]

I would like to print a single element in a page without the other elements.
For example, the page has: Header, leftnav, rightnav, image, footer.
I only need to print the image.

I need help with the code, both CSS and html or JS.

Thanks

 

[pinchyfingers]

Using jQuery you can do:

$('body > :not(#myImage)').hide();

Credit: SO

 

[3dyDesign]

Alternatively, you can redirect the user to a page where only the needed image appears and give the printing command, then redirect him back to where he previously was.

The coding might be a bit tricky but it's not impossible. Also, it's just an idea.

 

[TINA WANG]

just redirect the user to the printing event.