كيف تطبع جزاء معين في صفحة الويب باستخدام جافا سكريبت
الطباعة
لطباعة محتوى نصي بدون تنسيق يمكنك تنفيذ ذلك عن طريق التالي:
<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();
تحتوي وظيفة printPageArea () على بعض تعليمات JavaScript البرمجية التي تساعدك على تنفيذ ميزة الطباعة بسهولة في صفحة الويب. سيوفر أبسط طريقة لطباعة منطقة معينة من صفحة الويب. تفتح وظيفة printPageArea () نافذة جديدة تحتوي على محتوى صفحة الويب وخيار الطباعة استنادًا إلى معرف العنصر المقدم. يمكنك استخدام هذه الوظيفة لطباعة منطقة معينة من صفحة الويب أو محتوى صفحة الويب الكامل, هذا الكود يوضح كيفية استخدام الوظيفة
استخدم وظيفة print Page Area () في حدث onclick لعنصر زر الطباعة وقم بتوفير معرف div الخاص بمنطقة المحتوى الذي تريد طباعته.
زر الطباعة الذي سيؤدي إلى تشغيل وظيفة printPageArea () عند النقر فوقه.
محتوى HTML المراد طباعته.
التعليقات