Print a hidden div using Media Queries

Question

HTML

 <div id="printcontent">
    //some data: mostly images
        </div>

I want to print the above div using Media Queries.

Please note that the above div is set to: Display:none; in css;

The print dialog is not appearing. It should work in all browsers. Thanks for your help.

score 0 · Answer 1 · answered Dec 20 '13 at 06:04

0

It works good.choose 'No wrap - in <head>' in right sidebar @fiddle

function functionPrint()
{    
 window.print();   
}

answered Dec 20 '13 at 06:04

Sridhar R

what is no-wrap in head? – Johnny Dec 20 '13 at 06:09
It just means that the script is added in the section of the From JSFiddle Docs, no wrap(head): do not wrap the JavaScript code, place it in section – Sridhar R Dec 20 '13 at 06:10
Thanks. But I don't know why the same code is printing white page in my asp.net applcation? – Johnny Dec 20 '13 at 06:17
refer this http://stackoverflow.com/questions/12042248/make-asp-net-bundling-specify-media-screen-for-css-bundle – Sridhar R Dec 20 '13 at 06:20

1 Answers1