2010-08-13 12 views
30

मैं एक साधारण विंडो.प्रिंट() का उपयोग करके नेविगेटर प्रिंट फ़ंक्शन का आह्वान कर रहा हूं; कहते हैं। यह सही (मैं एक ही मैं स्क्रीन पर देख प्रिंट करना चाहते हैं, तो मैं सच में मुद्रित करने के लिए एक विशेष सीएसएस का उपयोग नहीं करते) प्रिंट करता है, लेकिन यह लिंक स्थान दिखाना पाठ लिंक के बगल में, कुछ की तरह:लिंक स्थानों को मुद्रित किए बिना एक वेबसाइट प्रिंट करें?

Homepage (http://localhost) 

स्पष्ट होने के लिए: मैं मुद्रित संस्करण में लिंक के पास लिंक स्थान नहीं रखना चाहता, मेरे पास सीएसएस पर नियंत्रण है लेकिन मुझे यह व्यवहार कहीं भी परिभाषित नहीं किया जा सकता है, इसलिए मुझे लगता है कि एक नेविगेटर से संबंधित मुद्दा है!

संपादित करें: यह फ़ायरफ़ॉक्स 3.6.8 और अंतिम क्रोम, उबंटू पर एक विंडोज एक्सपी/विस्टा के तहत होता है।

+1

क्या ब्राउज़र, मंच। क्या यह ऐसा कुछ नहीं है जिसे आपने ब्राउज़र की प्रिंट सेटिंग में स्थापित किया है? – mplungjan

+1

यह कुछ ब्राउज़र विशिष्ट की तरह लगता है। –

+0

मैंने और जानकारी जोड़ने के लिए संपादित किया! इससे बचने के लिए मुझे प्रिंटिंग विकल्पों के तहत कुछ भी नहीं मिला। – Adirael

उत्तर

21

लगता है आप एक सीएसएस 2 से इस स्टाइल अनुपालन करने वाले ब्राउज़र

http://www.alistapart.com/articles/goingtoprint/

एक पूरी तरह से सीएसएस 2-conformant ब्राउज़र में के साथ एक पृष्ठ प्रिंट कर रहे हैं, हम कोष्ठक में के URL लिंक प्रत्येक के बाद सम्मिलित कर सकते हैं एक, इस प्रकार उन्हें उन लोगों के लिए काफी उपयोगी बनाता है जिनके पास प्रिंटआउट की प्रतिलिपि और एक वेब ब्राउज़र आसान है। यहाँ नियम है, जो "सामग्री" div को इस आशय की अनुमति नहीं देता है और इस तरह टाल है मास्टहेड में एक यूआरएल चिपके हुए:

#content a:link:after, #content a:visited:after {  
    content: " ("attr(href) ") ";  
    font-size: 90%; 
} 

यह एक छिपकली आधारित ब्राउज़र में आजमाएँ की तरह मोज़िला या नेटस्केप 6.x. प्रिंटआउट में प्रत्येक लिंक के बाद, आपको ब्रांड्स में लिंक का URL देखें।

+2

I समझें - लेकिन जिस व्यवहार का आप वर्णन कर रहे हैं वह स्पष्ट रूप से उस पृष्ठ में डाल दिया गया है जिसे आप देख रहे हैं। उस पृष्ठ पर इस व्यवहार से बचने के लिए - यदि यह आपका पृष्ठ है, तो इसे हटाएं, ब्राउज़र में उपयोगकर्ताCSS का उपयोग करें यदि यह नहीं है। – mplungjan

+1

कोड फ़ायरफ़ॉक्स पर दिखाई नहीं दे रहा था, लेकिन मैंने अलग-अलग मॉड्यूल को बंद करना शुरू कर दिया जो मैंने सक्षम किया था (यह एक ड्रूपल सिस्टम है) और एक मॉड्यूल उस कोड के साथ print.css इंजेक्शन दे रहा था। बहुत बहुत धन्यवाद :) – Adirael

+0

ग्रेट - और सवाल के लिए धन्यवाद - यह मुझे कुछ दिखाता है जो मुझे सीएसएस 2 में पता नहीं था :) – mplungjan

1

प्रिंट के लिए अतिरिक्त सीएसएस का उपयोग करें।

यहाँ देखें: http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml

+0

का उल्लेखनीय रूप से पर्याप्त संदर्भ देता है लेकिन वर्णित किए गए अनुसार, मुद्रित किया गया पृष्ठ एचआरईएफएस प्रिंट करने के लिए सेट किया गया है । लगता है जैसे पूछताछकर्ता सीएसएस पर नियंत्रण रखता है, href सीएसएस को केवल एक विशिष्ट स्टाइलशीट के बजाय हटाया जा सकता है। हालांकि कुछ ब्राउज़र उपयोगकर्ता सीएसएस के साथ सीएसएस को ओवरराइड कर सकते हैं। – mplungjan

44

तो एक मुद्रित वेब पेज में लिंक जानकारी के अतिरिक्त प्रिंट-आउट से बचने के लिए, @media print अनुभाग के लिए निम्नलिखित नियम जोड़ें:

a:link:after, a:visited:after { 
    content: ""; 
} 

यह बदसूरत निकाल देंगे लिंक जानकारी जैसे Homepage (http://localhost) और इसे Homepage पर कम करें। आप निश्चित रूप से केवल टेक्स्ट अनुभाग (या केवल नेविगेशन में) से बचने के लिए नियम जोड़ सकते हैं, लेकिन आपको अपने वेब पेज के प्रिंट-आउट प्रारूप में नेविगेशन प्रदर्शित नहीं करना चाहिए।

+1

एफएफ 2 9 में काम नहीं करता है, क्रोम 35 –

+0

फ़ायरफ़ॉक्स पर काम नहीं करता है। :( –

5

मेरा ऐप सर्वर (रेल) आवश्यक है मुझे एक माता-पिता चयनकर्ता का उपयोग करने के लिए। body तत्व संपूर्ण पृष्ठ होना चाहिए चुनने के लिए एकदम सही है।

body a:link:after, body a:visited:after {  
    content: ""; 
} 
+0

यह एक काम किया। धन्यवाद –

1

इस जोड़ने से आप उन अवांछित लिंक

<style type="text/css" media="print"> 
@page 
{ 
    size: auto; /* auto is the initial value */ 
    margin: 0mm; /* this affects the margin in the printer settings */ 
} 

Reading this will help

12

सामग्री निकालने के लिए मदद मिलेगी: ""; काम नहीं करता है मैं इस का उपयोग करें:

@media print { 
    .noprint {display:none !important;} 
    a:link:after, a:visited:after { 
     display: none; 
     content: "";  
    } 
} 

यह निष्क्रिय करने के लिए काम करता है!

+1

एफएफ 2 9 में काम करता है, लेकिन क्रोम में नहीं 35 –

3

मैंने पाया कि अन्य समाधान क्रॉस-ब्राउजर (अब) काम नहीं करते हैं। एफएफ 29, क्रोम 35, IE 11 में निम्नलिखित काम करता है:

a:link:after, a:visited:after { 
    content: normal !important; 
} 
0

मैंने कहा सीएसएस पाया जाता है और इसे हटा दिया, लेकिन यह मदद नहीं की, और मैं इसे कहीं और परियोजना में नहीं मिल सकता है तो मैं प्रयोग किया जाता है लिंक को हटाने के लिए jQuery लेकिन फिर भी पाठ को बनाए रखें।

$('a[title="Show Profile"]').contents().unwrap(); 

अधिक जानकारी यहाँ Remove hyperlink but keep text?

6

वर्तमान में सामग्री संपत्ति का उपयोग कर सभी प्रमुख ब्राउज़रों में काम करना चाहिए।

@media print - or - <style type="text/css" media="print"> 

    a:link:after, a:visited:after { 
     content: normal; //TODO: add !important if it is overridden 
    } 

यहां अधिक विकल्प: CSS Content। सामग्री का उपयोग करने का

अधिक उपयोगी तरीके यहां विशेषता: CSS Tricks

0

मैं एक ही समस्या का सामना करना पड़ा, तो आप क्रोम का उपयोग कर रहे हैं, जब प्रिंट खिड़की प्रदर्शित चाल है, यह एक एक बाएं config पैनल जो देता है शामिल डिस्प्ले मोड और अन्य की कुछ कॉन्फ़िगरेशन, नीचे दिए गए एक लिंक का नाम दिया गया है: अधिक पैरा या अधिक कॉन्फ़िगरेशन (मेरे पास फ्रेंच में था इसलिए मैंने इसे अनुवाद करने का प्रयास किया), इसके बाद उस पर क्लिक करें, इसके बाद इसमें कुछ अतिरिक्त विकल्प दिखाई देंगे, उनमें से कुछ है एक चेक बॉक्स "हेडर और पाद लेख" इसे अनचेक करें, और यह "लोकलहोस्ट ...." छुपाएगा उम्मीद है कि यह

2

बूटस्ट्रैप 3 का उपयोग करने वाले किसी भी व्यक्ति के लिए, चयनकर्ता उपयोग घ है:

a[href]:after { } 

और की तरह कुछ के साथ ओवरराइड किया जा सकता:

a[href]:after { 
    content: initial; 
} 
+0

यह मेरे लिए फ़ायरफ़ॉक्स में काम करता है लेकिन आईई –

+0

@ माइक चेलेन यह क्रोम पर काम करता है? – Muhammed

-1

हर ब्राउज़र आप मुद्रण हेडर के इस सेटिंग को अक्षम और फिर पाद तो मुद्रण शीर्ष लेख और पाद, और पृष्ठभूमि ग्राफिक्स की स्थापना होने यह आपके प्रिंट पेज पर नहीं दिखाया जाएगा

0

जबकि कई सीएसएस विकल्पों का सुझाव दिया गया है, यदि आप प्रत्येक पृष्ठ पर हेडर/फ़ूटर में लिंक और शीर्षलेख से छुटकारा पाने के लिए चाहते हैं, तो केवल आपके लिए एक सेटिंग है । जैसा की नीचे दिखाया गया।

Remove Footer Links in Chrome Print View

यह है कि।

+0

इस प्रश्न को हाइपरलिंक्स को हटाने के साथ करना है मुद्रण करते समय वेबपृष्ठ के शरीर में नेविगेशन तत्व। हेडर/पाद लेख में फ़ाइल पथ से यह एक पूरी तरह से अलग मुद्दा है, जिसे प्रिंट के लिए जोड़ा जाता है और बंद कर दिया जा सकता है। –

+1

@ कोड-सुशी आप सही हैं, मुझे गलत समझा जाता है प्रश्न, लेकिन फिर भी मैं अपना जवाब छोड़ दूंगा क्योंकि यह किसी ऐसे व्यक्ति के लिए सहायक साबित हो सकता है जो हेडर और पाद लेख में लिंक को हटाने के लिए खोज कर रहा है, क्योंकि प्रश्न टेक्स्ट प्रासंगिक हो सकता है। –

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

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