2010-04-04 7 views
33

डिफ़ॉल्ट रूप से, जब आप एक वेब पेज, पेज शीर्षक और और यूआरएल पेज के शीर्ष पर मुद्रित कर रहे हैं, और इसी तरह प्रिंट दिनांक और समय नीचे मुद्रित हैं।पृष्ठ शीर्षक और तारीख निकाला जा रहा है (सीएसएस के साथ?)

यह रूप में आप (इंटरनेट ऍक्स्प में फ़ाइल के तहत) पृष्ठ सेटअप मेनू के माध्यम से प्रिंट कर रहे हैं

किसी को भी सीएसएस या जावास्क्रिप्ट के माध्यम से ऐसा करने का एक तरीका पता है इस अतिरिक्त दूर करने के लिए संभव है?

उत्तर

36

ऐतिहासिक रूप से, इन चीजों को गायब करना असंभव है क्योंकि वे उपयोगकर्ता सेटिंग्स हैं और आपके द्वारा नियंत्रित किए गए पृष्ठ का हिस्सा नहीं माना जाता है। Vigneswaran S को यह टिप के लिए

@page { size: auto; margin: 0mm; } 

क्रेडिट:

http://css-discuss.incutio.com/wiki/Print_Stylesheets#Print_headers.2Ffooters_and_print_margins

हालांकि, 2017 के रूप में, @page at-rule मानकीकृत किया गया है, आधुनिक ब्राउज़रों में पृष्ठ शीर्षक और तारीख को छिपाने के लिए इस्तेमाल किया जा सकता है।

+0

+1 अच्छा कॉल, इस बारे में नहीं पता था। – R0MANARMY

+2

ऐसा लगता है ... Google डॉक्स में प्रिंट करने का प्रयास करें .. (क्रोम से) –

-4

वहाँ

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

का उपयोग कर रहा है, तो यह है कि तुम क्या चाहते हालांकि करता है पता नहीं है, प्रिंट के लिए एक अलग शैली पत्रक के लिए एक सुविधा है।

+0

वह प्रिंट पेज के शीर्षलेख और पाद लेख को बदलने के लिए कह रहा है, शरीर नहीं। – BalusC

+0

मुझे पता है, लेकिन मुझे नहीं पता कि सीएसएस के साथ ऐसा करना संभव है या नहीं। –

+2

यह प्रतिक्रिया प्रश्न की खराब समझ दिखाती है। – Cassandra

11

पृष्ठ का शीर्षक के लिए एक संभावित वैकल्पिक हल:

  • एक प्रिंट बटन प्रदान करें,
  • पकड़ onclick घटना,
  • उपयोग जावास्क्रिप्ट पेज शीर्षक बदलने के लिए,
  • तो निष्पादित जावास्क्रिप्ट के माध्यम से प्रिंट कमांड भी।

document.title = "Print page title"; window.print();

यह हर ब्राउज़र में काम करना चाहिए।

+0

और यह मेरे लिए काम किया। धन्यवाद। – LYKS

4

आप अपने स्टाइलशीट में इस जोड़ सकते हैं: @page{size:auto; margin:5mm;} लेकिन यह भी

29

इसका सरल पृष्ठ संख्या को छोड़ देता है। बस सीएसएस का उपयोग करें।

<style> 
@page { size: auto; margin: 0mm; } 
</style> 
+0

अच्छा जवाब +1! समर्थन के बारे में पढ़ने के लिए प्रलेखन देखें। https://developer.mozilla.org/en-US/docs/Web/CSS/@page – Richard

+1

अच्छा जवाब, लेकिन ऐसा लगता है, यह फ़ायरफ़ॉक्स में काम नहीं करेगा – Skorek

+1

आपने आज अपना जीवन बचाया!, और हाँ यह काम करता है फ़ायरफ़ॉक्स अब !! –

0

काई Noack के जवाब को पूरा करने, मैं इस करना होगा: इस तरह से एक बार आप पृष्ठ मुद्रित

var originalTitle = document.title; 
document.title = "Print page title"; 
window.print(); 
document.title = originalTitle; 

, यह अपने मूल शीर्षक के लिए वापस आ जाएगी।

संबंधित मुद्दे