الطباعة

كيف تطبع جزاء معين في صفحة الويب باستخدام جافا سكريبت

<script type="text/javascript">
        function printSection(el){
            var getFullContent = document.body.innerHTML;
            var printsection = document.getElementById(el).innerHTML;
            document.body.innerHTML = printsection;
            window.print();
            document.body.innerHTML = getFullContent;
        }
    </script>

كما يمكنك طباعة عنصر محدد div ضمن صفحة الويب عن طريق استخدام WinPrint كالتالي:

var prtContent = document.getElementById("your div id");
var WinPrint = window.open('', '', 'left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0'); 
WinPrint.document.write(prtContent.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();

في حال أردت أيضاً إظهار تنسيق CSS أو صور ضمن نافذة الطباعة، يجب عليك تحميل الملفات قبل تنفيذ أمر الطباعة، مثال:

var prtContent = document.getElementById("order-to-print");
var WinPrint = window.open('', '', 'left=0,top=0,width=384,height=900,toolbar=0,scrollbars=0,status=0');
WinPrint.document.write('<html><head>');
WinPrint.document.write('<link rel="stylesheet" href="assets/css/print/normalize.css">');
WinPrint.document.write('<link rel="stylesheet" href="assets/css/print/receipt.css">');
WinPrint.document.write('</head><body onload="print();close();">');
WinPrint.document.write(prtContent.innerHTML);
WinPrint.document.write('</body></html>');
WinPrint.document.close();
WinPrint.focus();

محمد أبو عواد

2021-01-14T12:56:56+00:00
المزيد
- رابط مختصر

تحتوي وظيفة printPageArea () على بعض تعليمات JavaScript البرمجية التي تساعدك على تنفيذ ميزة الطباعة بسهولة في صفحة الويب. سيوفر أبسط طريقة لطباعة منطقة معينة من صفحة الويب. تفتح وظيفة printPageArea () نافذة جديدة تحتوي على محتوى صفحة الويب وخيار الطباعة استنادًا إلى معرف العنصر المقدم. يمكنك استخدام هذه الوظيفة لطباعة منطقة معينة من صفحة الويب أو محتوى صفحة الويب الكامل, هذا الكود يوضح كيفية استخدام الوظيفة