तत्व केवल प्रिंट पेज पर दिखाई देता है

Question

मुझे प्रिंट पेज पर केवल कुछ तत्व प्रदर्शित करने में समस्याएं आ रही हैं। उदाहरण के लिए मेरे पास एक पृष्ठ है, जहां उपयोगकर्ता प्रिंट पूर्वावलोकन (सरल जावास्क्रिप्ट) देख सकते हैं। कि प्रिंट पेज केवल पृष्ठ से कुछ तत्वों दिखा im (उनमें से सभी नहीं) पर, उस के लिए उपयोग करते हुए:

@media print { 
    .noPrint { 
     display:none; 
    } 
} 

अब जब मैं एक तत्व को .noPrint लागू होते हैं, यह प्रिंट पेज में showned नहीं किया जाएगा। लेकिन, पृष्ठ पर उदाहरण div के लिए कैसे बनाना संभव है, जो "प्रिंट पेज" पर दिखाई देगी लेकिन नियमित पृष्ठ पर नहीं।

क्या यह पर्याप्त है, और अधिकांश ब्राउज़रों द्वारा समर्थित है?

@media screen, projection, tv { 


.dontShowThis { 
    display:none 
    } 
} 

और अब अगर मैं लेकिन प्रिंट पृष्ठ पर तत्व नहीं नियमित पृष्ठ पर मैं इस

<div class="dontShowThis printIt">Some content goes here</div> 

Tnx करेंगे दिखाना चाहते हैं

Answer 1

मैं था कुछ समय पहले इसी तरह somthing, यह कैसे है मैंने किया:

@media screen 
{ 
    .noPrint{} 
    .noScreen{display:none;} 
} 

@media print 
{ 
    .noPrint{display:none;} 
    .noScreen{} 
} 

<div class="noScreen">Some content goes here</div> 

AFAIK यह सभी प्रमुख ब्राउज़रों द्वारा समर्थित है, यहां तक ​​कि IE8 यह समर्थन करने के लिए शुरू कर दिया।