️ JavaScript window.print() সম্পূর্ণ বাংলা টিউটোরিয়াল
window.print() হল JavaScript এর একটি বিল্ট-ইন ফাংশন যা ব্যবহার করে আপনি একটি ওয়েব পেজ বা নির্দিষ্ট কনটেন্ট প্রিন্ট করতে পারেন। এটি ব্যবহারকারীর ব্রাউজারে একটি প্রিন্ট ডায়ালগ বক্স ওপেন করে যেখানে ইউজার তার প্রয়োজন অনুযায়ী প্রিন্ট সেটিংস নির্বাচন করতে পারেন।
Syntax:
এই ফাংশনটি কোনও প্যারামিটার নেয় না এবং ব্যবহার করলে ব্রাউজারের প্রিন্ট উইন্ডো খুলে যায়।
উদাহরণ ১: একটি বাটনে ক্লিক করে সম্পূর্ণ পেজ প্রিন্ট করা
<script>
function printPage() {
window.print();
}
</script>
ব্যাখ্যা: এই উদাহরণে, বাটনে ক্লিক করলেই window.print() ফাংশনটি কল হয় এবং পেজের প্রিন্ট ডায়ালগ খুলে যায়।
উদাহরণ ২: শুধুমাত্র নির্দিষ্ট অংশ প্রিন্ট করা
<h2>শুধু এই অংশটি প্রিন্ট হবে</h2>
<p>এটি একটি নির্দিষ্ট কনটেন্ট প্রিন্ট করার ডেমো।</p>
</div>
<button onclick=”printSection()”>এই অংশ প্রিন্ট করুন</button>
<script>
function printSection() {
let content = document.getElementById(“printArea”).innerHTML;
let printWindow = window.open(”, ”, ‘width=600,height=400’);
printWindow.document.write(‘<html><head><title>Print</title></head><body>’ + content + ‘</body></html>’);
printWindow.document.close();
printWindow.print();
}
</script>
ব্যাখ্যা: এখানে আমরা innerHTML ব্যবহার করে নির্দিষ্ট অংশ আলাদা করে নতুন উইন্ডোতে খুলে সেটি প্রিন্ট করেছি। এটি খুবই কাজের যখন আপনি একটি রিসিপ্ট, ইনভয়েস, বা নির্দিষ্ট রিপোর্ট প্রিন্ট করতে চান।
window.print() এর বৈশিষ্ট্যসমূহ
| ফিচার | বর্ণনা |
|---|---|
| সহজ ব্যবহারযোগ্য | কোনও প্যারামিটার ছাড়াই সরাসরি প্রিন্ট ডায়ালগ খুলে দেয় |
| নির্দিষ্ট অংশ প্রিন্ট | innerHTML বা CSS ব্যবহার করে নির্দিষ্ট অংশ আলাদা করা যায় |
| ব্রাউজার সাপোর্ট | প্রায় সব আধুনিক ব্রাউজারে কাজ করে |
CSS ব্যবহার করে প্রিন্ট স্টাইল কাস্টমাইজ
@media print {
.no-print { display: none; }
.print-only { display: block; }
}
</style>
ব্যাখ্যা: উপরের CSS কোডটি @media print ব্যবহার করে নির্দিষ্ট এলিমেন্ট গুলো শুধু প্রিন্টের সময় কিভাবে দেখাবে তা কন্ট্রোল করে। উদাহরণস্বরূপ, আপনি কোন অংশ প্রিন্ট করতে চান না, তাকে `.no-print` ক্লাস দিন।
✅ ব্যবহার ক্ষেত্র:
- Invoice/Receipt প্রিন্ট করা
- Report বা Certificate প্রিন্ট
- Admission form বা Application print
- HTML কনটেন্ট ফরম্যাট করে কাস্টম প্রিন্ট আউট
সতর্কতা:
- পপআপ ব্লকার চালু থাকলে window.open() কাজ নাও করতে পারে।
- প্রিন্ট আউটের সঠিক ফরম্যাট নিশ্চিত করতে CSS খুবই গুরুত্বপূর্ণ।
- যদি কনটেন্ট প্রিন্টের সময় ভাঙে, পেজ ব্রেক ব্যবহার করতে হবে (e.g.
page-break-before)।
উপসংহার:
window.print() একটি সহজ অথচ গুরুত্বপূর্ণ ফাংশন, যা দিয়ে আপনি ইউজারকে কনটেন্ট প্রিন্ট করার সুবিধা দিতে পারেন। এটি ওয়েব অ্যাপ্লিকেশন, ইনভয়েস, রিপোর্টিং টুল এবং ডকুমেন্ট প্রিন্টে বহুল ব্যবহৃত।