উইন্ডো থেকে শিরোনাম এবং পাদলেখ সরিয়ে ফেলুন.প্রিন্ট ()

109

পৃষ্ঠাগুলি মুদ্রণের জন্য উইন্ডো.প্রিন্ট () ব্যবহার করছি তবে আমি শিরোনাম পেয়েছি এবং পাদলেখ পৃষ্ঠার শিরোনাম, ফাইলের পথ, পৃষ্ঠা নম্বর এবং তারিখ রয়েছে। এগুলি কীভাবে সরাবেন?

আমি প্রিন্ট করার জন্য স্টাইলশীটও চেষ্টা করেছি।

#header, #nav, .noprint
{
display: none;
}

সাহায্য করুন. ধন্যবাদ।

css  printing 
— Viralk
সূত্র
7
এই উপাদানগুলি ব্যবহারকারীর ব্রাউজার সেটিংসে নির্দিষ্ট। আপনি সিএসএস বা জাভাস্ক্রিপ্টের মাধ্যমে এগুলি সরাতে সক্ষম হবেন বলে আমি মনে করি না।
— মাইকেল বারকোভস্কি
আমি মনে করি এই প্রশ্নের একটি ব্যাখ্যা দরকার: আপনি কি এইচটিএমএল এর শিরোলেখ এবং পাদচরণের উপাদানগুলি পর্দায় প্রদর্শিত হয় তা মুছানোর চেষ্টা করছেন বা আপনি মুদ্রণ ফাংশন দ্বারা যুক্ত শিরোনাম এবং পাদচরণগুলি মুছে ফেলতে চান?
— অ্যালানবজেক্ট

উত্তর:

149

Chrome এ এই স্বয়ংক্রিয় শিরোলেখ / পাদচরণ ব্যবহার করে লুকানো সম্ভব

@page { margin: 0; }

যেহেতু সামগ্রীগুলি পৃষ্ঠার সীমাতে প্রসারিত হবে, পৃষ্ঠা মুদ্রণ শিরোনাম / পাদচরণ অনুপস্থিত থাকবে। আপনার অবশ্যই অবশ্যই এই ক্ষেত্রে আপনার দেহের উপাদানগুলিতে কিছু মার্জিন / প্যাডিংস সেট করা উচিত যাতে সামগ্রীতে পৃষ্ঠার প্রান্তে সমস্ত প্রসারিত না হয়। যেহেতু সাধারণ মুদ্রকগুলি কেবল কোনও মার্জিন মুদ্রণ পেতে পারে না এবং এটি সম্ভবত আপনি চান না তাই আপনার এই জাতীয় ব্যবহার করা উচিত:

@media print {
  @page { margin: 0; }
  body { margin: 1.6cm; }
}

হিসাবে মার্টিন একটি মন্তব্যে উল্লেখ, পৃষ্ঠা যদি একটি দীর্ঘ উপাদান যে এক পৃষ্ঠা (একটি বড় টেবিল মত) অতীতে স্ক্রোল, মার্জিন উপেক্ষা করা হয় আছে এবং মুদ্রিত সংস্করণ অদ্ভুত দেখব।

এই উত্তরের মূল সময়ে (মে 2013), এটি কেবলমাত্র ক্রোমে কাজ করেছে, এখনই এটি সম্পর্কে নিশ্চিত নয়, আর কখনও চেষ্টা করার দরকার পড়েনি। আপনার যদি এমন ব্রাউজারের পক্ষে সমর্থন প্রয়োজন যা অক্ষম করতে পারে না, আপনি ফ্লাইতে একটি পিডিএফ তৈরি করতে পারেন এবং মুদ্রণ করতে পারেন (আপনি এটিতে জাভাস্ক্রিপ্ট এম্বেড করে একটি স্ব-মুদ্রণ পিডিএফ তৈরি করতে পারেন) তবে এটি একটি বিশাল ঝামেলা।

— ডিয়েগো নুনস
সূত্র
2
কোনও কারণে, body { margin: 1.6cm; }আমার পক্ষে সঠিক মার্জিন উপেক্ষা করা ছিল (সম্ভবত আমি ব্যবহার করছিলাম কারণ text-align:right), সুতরাং পরিবর্তে আমি <div class="container">আমার সামগ্রীর জন্য একটি তৈরি করেছি এবং .container { margin: 1.6cm; }পরিবর্তে ব্যবহার করেছি ।
— rybo111
8
আমি ক্রোম ৩৩ দিয়ে এটি চেষ্টা করছি It এটি দুর্দান্ত কাজ করে তবে সাবধান হন, কারণ body { margin: 1.6cm; }এটি পুরো ডকুমেন্টের জন্য মার্জিন হিসাবে - বহু প্রথম পৃষ্ঠার নথির জন্য উল্লম্ব মার্জিনকে সম্মান করবে না, প্রথম এবং শেষটি ব্যতীত। দুঃখের বিষয়, আমি কোনও কাজের কথা ভাবতে পারি না।
— pau.moreno
আরে @ ডিগো, আমি আপনার পরামর্শে খুশি এবং আমার শিরোনাম পাদচরণ অপসারণ করা হয়েছিল তবে আমার মুদ্রণ পৃষ্ঠাটি বৃদ্ধি পেয়েছিল। "বডি {মার্জিন: 1.6 সেন্টিমিটার; just" সবেমাত্র 1.6 সেমি থেকে 1.0 সেন্টিমিটারে পরিবর্তন করুন এবং এটি কাজ করছে .. :) শুভ কোডিং
— বিশাল কিরি
3
: আরো একটি ব্যাপক উত্তর এখানে নেই stackoverflow.com/questions/1960939/...
— jedison
পৃষ্ঠার মার্জিনটি সরিয়ে ফেলা এবং বডি মার্জিন যুক্ত করা আমার জন্য একটি খালি পৃষ্ঠা তৈরি করছিল। আমি শরীরের মার্জিনকে প্যাডিংয়ে পরিবর্তন করেছি এবং এটি কার্যকর হয়েছে।
— আন্দ্রে গিমেরিস সাকাতা
21

আমি নিশ্চিত যে আপনার সিএসএস ফাইলে এই কোডটি যুক্ত করা সমস্যার সমাধান করবে

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

এই সম্পর্কে আরও জানতে আপনি এটি দেখতে পারেন

— Rudias
সূত্র
3
না এটা কাজ করছে না। এটি মার্জিন সেট করছে। এটি এখনও শিরোনাম এবং পাদচরণের উপর url এবং তারিখের সময় প্রদর্শন করছে
— শিখর
Chrome এবং ফায়ারফক্স, কিন্তু ইন্টারনেট 11. জন্য কাজ করে
— Sammi
21

ফায়ারফক্স:

  • moznomarginboxesএট্রিবিউট যুক্ত করুন<html>

উদাহরণ:

<html moznomarginboxes mozdisallowselectionprint>
— l2aelba
সূত্র
6
ফায়ারফক্স 48 প্রকাশের পরে এটি আর কাজ করবে না (আগস্ট 2016): bugzilla.mozilla.org/show_bug.cgi?id=1260480
— আলজুলু
এটি আমার পক্ষে কাজ করে না, এফএফ 61, তবে @ পৃষ্ঠাগুলি {মার্জিন: 0; } সমাধানটি এফএফ-তেও কাজ করবে বলে মনে হচ্ছে।
— কিকো
11

আজ আমার সহকর্মী একই ইস্যুতে হোঁচট খেয়েছে।

ক্রোমিয়াম ভিত্তিক ব্রাউজারগুলির জন্য যেমন "মার্জিন: 0" সমাধান কাজ করে তবে ইন্টারনেট পেজ মার্জিন শূন্যতে সেট করা থাকলেও ইন্টারনেট এক্সপ্লোরার পাদচরণ মুদ্রণ অবিরত রাখতে পারে।

সমাধানটি (একটি হ্যাকের আরও বেশি) @ পেজে নেতিবাচক মার্জিন স্থাপন করা ছিল।

@page {margin:0 -6cm}
html {margin:0 6cm}

দয়া করে মনে রাখবেন যে নেতিবাচক মার্জিনটি কেবল এক্স এর জন্য Y অক্ষের জন্য কাজ করবে না

আশা করি এটা সাহায্য করবে.

— নিক পানভ
সূত্র
8

সিএসএস স্ট্যান্ডার্ড কিছু উন্নত বিন্যাস সক্ষম করে। সিএসএসে একটি @ পৃষ্ঠার নির্দেশিকা রয়েছে যা কিছু ফর্ম্যাটিং সক্ষম করে যা কেবল পেজড মিডিয়াতে প্রয়োগ হয় (কাগজের মতো)। Http://www.w3.org/TR/1998/REC-CSS2-19980512/page.html দেখুন । 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Print Test</title>
    <style type="text/css" media="print">
        @page 
        {
            size: auto;   /* auto is the current printer page size */
            margin: 0mm;  /* this affects the margin in the printer settings */
        }

        body 
        {
            background-color:#FFFFFF; 
            border: solid 1px black ;
            margin: 0px;  /* the margin on the content before printing */
       }
    </style>
</head>
<body>
  <div>Top line</div>
  <div>Line 2</div>
</body>
</html>
স্নিপেট প্রসারিত করুন

এবং ফায়ারফক্সের জন্য এটি ব্যবহার করুন

ফায়ারফক্সে, https://bug743252.bugzilla.mozilla.org/attachment.cgi?id=714383 (পৃষ্ঠার উত্স দেখুন: ট্যাগ এইচটিএমএল)।

আপনার কোডে, এর <html>সাথে প্রতিস্থাপন করুন<html moznomarginboxes mozdisallowselectionprint>.

— হোসেইন গায়েম
সূত্র
4 
@media print {
    .footer,
    #non-printable {
        display: none !important;
    }
    #printable {
        display: block;
    }
}
— শেক আবদুল্লা
সূত্র
এটি এটি করার উপযুক্ত উপায় বলে মনে হচ্ছে। এমনকি আমার ক্ষেত্রে একটি আইফ্রেমে প্রসঙ্গে, এটি দুর্দান্ত কাজ করে।
— ট্যাইস্টো
2

এটিই হবে সহজ সমাধান। আমি ইন্টারনেটে বেশিরভাগ সমাধানের চেষ্টা করেছি তবে কেবল এটিই আমাকে সহায়তা করেছিল।

@print{
    @page :footer {color: #fff }
    @page :header {color: #fff}
}
— Yasitha
সূত্র
11
এটি কিছুই করে না।
— রাতে
1

@page { margin: 0; }ক্রোম এবং ফায়ারফক্সে দুর্দান্ত কাজ করে। CSS এর মাধ্যমে আইই ঠিক করার কোনও উপায় আমি পাইনি। তবে আপনি নিজের মেশিনে আইই পৃষ্ঠায় সেটআপে গিয়ে মার্জিনটি ০ এ সেট করতে পারেন এবং Alt টিপুন এবং তারপরে উপরের বাম কোণে ফাইল মেনুটি পাবেন এবং আপনি পৃষ্ঠা সেটআপ পাবেন। এটি একবারে কেবলমাত্র একটি মেশিনের জন্য কাজ করে ...

— Sammi
সূত্র
0

1. Chrome এবং IE এর জন্য For

<script language="javascript">
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.getElementById('header').style.display = 'none';
document.getElementById('footer').style.display = 'none';
document.body.innerHTML = printContents;

window.print();


document.body.innerHTML = originalContents;
}

</script>
<div id="div_print">
<div id="header" style="background-color:White;"></div>
<div id="footer" style="background-color:White;"></div>
</div>
  1. ফায়ারফক্সের জন্য l2aelba যেমন বলেছিল ,

উদাহরণে moznomarginboxes বৈশিষ্ট্য যুক্ত করুন:

<html moznomarginboxes mozdisallowselectionprint>
— Nikhilus
সূত্র
উপরের কোডে <ডিআইডি আইডি = "শিরোনাম" শৈলী = "ব্যাকগ্রাউন্ডের রঙ: সাদা;"> </div> <ডিভিডি = "পাদচরণ" শৈলী = "ব্যাকগ্রাউন্ড-রঙ: সাদা;"> </div> alচ্ছিক ।
— নিখিলাস
0

আমি ম্যানুয়ালি মুদ্রিত একটি এইচটিএমএল পৃষ্ঠার শিরোলেখ এবং পাদচরণ সরিয়ে দেওয়ার চেষ্টা করছিলাম।

এই পৃষ্ঠায় কোনও সমাধান আমার পক্ষে কাজ করে নি তবে কেবল নিজের ফুটারকে এখানে সংজ্ঞায়িত করে ফায়ারফক্স তার নিজস্ব শিরোলেখ এবং পাদচরণ যুক্ত করবে না।

দুর্ভাগ্যক্রমে এটি ক্রোমে কাজ করে না।

সিএসএসে:

@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}

এটি আপনার HTML এ যুক্ত করুন:

<div class="divFooter">
<p>UNCLASSIFIED</p>
</div>
``
— lwinkler
সূত্র
-1

আপনি যদি এই স্থানে স্ক্রোল হয়ে যায় তবে আমি ফায়ারফক্সের জন্য একটি সমাধান পেয়েছি। এটি পাদলেখ এবং শিরোলেখ ছাড়াই নির্দিষ্ট ডিভ থেকে সামগ্রী মুদ্রণ করবে। আপনি নিজের ইচ্ছানুসারে কাস্টমাইজ করতে পারবেন।

প্রথমত, এই অ্যাডোনটি ডাউনলোড করুন এবং ইনস্টল করুন: জেএসপিপ্রিন্টসেটআপ ।

দ্বিতীয়ত, এই ফাংশনটি লিখুন: 

<script>
function PrintElem(elem)
{
    var mywindow = window.open('', 'PRINT', 'height=400,width=600');
    mywindow.document.write('<html><head><title>' + document.title  + '</title>');
    mywindow.document.write('</head><body >');
    mywindow.document.write(elem);
    mywindow.document.write('</body></html>');
    mywindow.document.close(); // necessary for IE >= 10
    mywindow.focus(); // necessary for IE >= 10*/

   //jsPrintSetup.setPrinter('PDFCreator'); //set the printer if you wish
   jsPrintSetup.setSilentPrint(1);

   //sent empty page header
   jsPrintSetup.setOption('headerStrLeft', '');
   jsPrintSetup.setOption('headerStrCenter', '');
   jsPrintSetup.setOption('headerStrRight', '');

   // set empty page footer
   jsPrintSetup.setOption('footerStrLeft', '');
   jsPrintSetup.setOption('footerStrCenter', '');
   jsPrintSetup.setOption('footerStrRight', '');

   // print my window silently. 
   jsPrintSetup.printWindow(mywindow);
   jsPrintSetup.setSilentPrint(1); //change to 0 if you want print dialog

    mywindow.close();

    return true;
}
</script>

তৃতীয়ত, আপনার কোডে, আপনি যেখানেই মুদ্রণ কোড লিখতে চান, এটি করুন (আমি JQuery ব্যবহার করেছি You আপনি সরল জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন):

<script>
$("#print").click(function () {
    var contents = $("#yourDivToPrint").html();
    PrintElem(contents);
})
</script>

স্পষ্টতই, ক্লিক করার জন্য আপনার লিঙ্কটি প্রয়োজন:

<a href="#" id="print">Print my Div</a>

এবং মুদ্রণের জন্য আপনার ডিভ:

<div id="yourDivToPrint">....</div>
— য়োশিয
সূত্র
-3

আপনাকে কোনও কোড লিখতে হবে না। প্রথমবার উইন্ডো.প্রিন্ট () এ কল করার আগে আপনার ব্রাউজারের মুদ্রণ সেটিংস পরিবর্তন করুন। ফায়ারফক্সে উদাহরণস্বরূপ:

  1. মেনু বারটি দেখতে Alt বা F10 টিপুন
  2. ফাইল ক্লিক করুন, তারপরে পৃষ্ঠা সেটআপ করুন
  3. মার্জিনস এবং শিরোনাম / পাদচরণ ট্যাবটি নির্বাচন করুন
  4. ফাঁকা -> চিত্রের জন্য ইউআরএল পরিবর্তন করুন

আইই এবং এর জন্য অন্য একটি উদাহরণ (আমি পূর্ববর্তী সংস্করণগুলির জন্য আইই ১১ ব্যবহার করছি আপনি প্রতি পৃষ্ঠায় ইউআরএল মুদ্রণ থেকে এই প্রতিরোধ ফায়ারফক্স বা ইন্টারনেট এক্সপ্লোরার দেখতে পারেন ):

  1. মেনু বারটি দেখতে Alt বা F10 টিপুন
  2. ফাইল ক্লিক করুন, তারপরে পৃষ্ঠা সেটআপ করুন
  3. শিরোনাম এবং পাদচরণ বিভাগে খালি জন্য URL পরিবর্তন করুন।
— আলিরেজা আজামি
সূত্র
যদিও এই লিঙ্কটি প্রশ্নের উত্তর দিতে পারে, উত্তরের প্রয়োজনীয় অংশগুলি এখানে অন্তর্ভুক্ত করা এবং রেফারেন্সের জন্য লিঙ্কটি সরবরাহ করা ভাল। লিঙ্কযুক্ত উত্তর পরিবর্তিত হলে লিঙ্কযুক্ত উত্তরগুলি অবৈধ হতে পারে। - পর্যালোচনা থেকে
— SurvivalMachine
SurvivalMachine পরামর্শের জন্য ধন্যবাদ। আমি আমার উত্তরটি কয়েক মিনিট আগে সম্পাদনা করেছি :)
— alireza আজামি
হুমম ... আমি এই সমস্ত অ্যাপ্লিকেশনটির অ্যাকাউন্ট নেওয়ার জন্য আমার সমস্ত ব্যবহারকারীদের ঘুরে বেড়াতে এবং তাদের ব্রাউজারগুলি (যদিও তারা ব্যবহার করেন অনেকগুলি) আপডেট করতে চাই না, বিশেষত যদি তারা গ্রহের অন্য পাশে বাস করে। এছাড়াও, যদি তাদের অন্য অ্যাপ্লিকেশনটির জন্য সেটিংস দরকার হয় তবে কী হবে? এটি কোনও উত্তর নয়।
— পল
এই পদ্ধতির ক্রস-ব্রাউজারের কার্যকারিতা নেই যা একটি বৈশিষ্ট্যযুক্ত পৃষ্ঠা / অ্যাপ্লিকেশনটিতে বেকড সরবরাহ করবে।
— কিলস্ক্রিন
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.