کد دکمه چاپ پرینت print بخشی از صفحه یا تمام آن

جاوا

کد دکمه چاپ ( پرینت print ) بخشی از صفحه یا تمام آن

حتماً برایتان پیش آمده که برای پرینت آسان صفحه بدون استفاده از کلیدها CTRL+P یک دکمه پرینت در قسمتی از صفحه نمایش دهید تا کاربر با کلیک روی آن محتوای سایت شما را در داخل صفحه آماده سازی برای پرینت مرورگر خود ببیند . کد نمایش دکمه پرینت در صفحه که دستور پرینت را صادر کنیم. این یک نمونه ساده از این کد است

به جای عبارت ” چاپ صفحه ” میتوانید عبارت مورد علاقه خودتان را قرار دهید

با کلیک کردن بر روی کلید دکمه نمایش داده شده ، محتوای صفحه جاری برای چاپ به چاپگر ارسال می شود.

[html]
<SCRIPT LANGUAGE="JavaScript">
if (window.print) {
document.write(‘<form> ‘
+ ‘<input type=button name=print value="چاپ صفحه" ‘
+ ‘onClick="javascript:window.print()"></form>’);
}
</script>
[/html]

دکمه چاپ Print  ساده صفحه با onclick

()window.print تابع print جاوا اسکریپت است که زمانی که اجرا شود ، محتوای صفحه وب جاری را چاپ می کند. ما می توانیم این تابع را مستقیماً با استفاده از رویداد onclick مطابق مثال زیر فراخوانی نماییم.

[html]
<input type="button" value="Print" onclick="window.print()" />
[html/]</pre>
</div>
<h2 style="text-align: right;" align="left">
<span style="font-size: 16px;">کد چاپ print بخشی از صفحه </span></h2>
<div style="text-align: right;" align="left">
<span style="font-size: 16px;">
در این مثال ابتدا یک تگ a به عنوان دکمه چاپ ایجاد میکنیم و خاصیت onclick
آن را هم به صورت تکه کد زیر قرار می دهیم.</span></div>
<div align="left"></div>
<div dir="ltr" style="text-align: left;" align="left">
<pre>[html]
<a style="background-color:#99FFCC; color:#FF0000; cursor:pointer; font-weight:700"
onclick="javascript:printDiv(‘printablediv’)">
<font size="6">چاپ</font></a><font color="#FF0000">
[/html]

سپس یک Div با آی دی printablediv می نویسیم

همچنین:  باز کردن لینک یا نمایش محتویات textarea در پنجره با اندازه دلخواه

[html]
<div id="printablediv" style="width: 100%; background-color: #C0C0C0;
color:white; height: 100px;
direction:rtl; text-align:center">
<font color="#FF0000">قسمتی که باید چاپ شود!
</font>
</div>
[html]</pre>
<p dir="ltr"></p>
در انتها کد زیر را داخل یک تگ script قرار می دهیم
<p dir="ltr">[html]</p>
<p dir="ltr"><script>
function printDiv(divID) {
//دریافت تگ مورد نظر بر اساس شناسه
var divElements = document.getElementById(divID).innerHTML;
//تمامی محتوای صفحه را دریافت می کنیم
var oldPage = document.body.innerHTML;
//تمام محتوای صفحه را خالی و تگ مورد نظر برای چاپ را درونش قرار میدهیم
document.body.innerHTML =
"<html><head><title></title></head><body>" +
divElements + "</body>";
//صفحه را چاپ میکنیم
window.print();
//محتوای صفحه را که در بالا دریافت نموده بودیم به صفحه بازمیگردانیم.
document.body.innerHTML = oldPage;
}
<script>
[/html]


 

اشتراک گذاری این صفحه