Print on Keyboard Button

ধরুন অপনার Website এর কোন একটি Page নির্দিষ্ট আংশ Print করতে চাচ্ছেন। এর জন্য একটি Button থাকবে যেটিতে Click করলে Print এর Popup টি Open হবে তারপর Print করা যাবে।

এই কাজটি আমরা দুইভাবে করতে পারি, এর জন্য ১০ থেকে ১৫ লাইন এর JavaScript Code লিখে ফেলতে পারি আথবা printThis নামে সুন্দর একটি jQuery Plugin ব্যবহার করতে পারি।

আমি এখানে Plugin ব্যবহার করে কিভাবে করবেন সেটা দেখাচ্ছি, যদিও এটা করার জন্য এই Article পড়ার দরকার নেই, Plugin এর Documentation আমার চেয়ে ভাল লিখছে। যাইহোক তারপরও লিখি।

এর জন্য আপনার সাইটে অবশ্যই jQuery থাকতে হবে, আপনি ফাইল গুলি নিচের মত Call করতে পারেন।

<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="js/printThis.js"></script>

ধরুন আপনি যে Button টি তে Click করলে Popup টি Open হবে সেটির class print-button আর যে আংশটি Print করতে চাচ্ছেন সেটি print-wrapper class এর মধ্যে আছে, তাহলে চলুন নিচে একটি script tag এর মধ্যে Plugin টি Active করি।

<script type="text/javascript">
	$(document).ready(function(){
		$('.print-button').click(function(){
			$('.print-wrapper').printThis({
			    header: "<h1>Print Specific HTML Content</h1>"
			});
		});
	});
</script>

এই plugin টির সবচেয় ভাল বিশিষ্ট হচ্ছে এর মধ্যে Debug enable/disable করার option রয়েছে। সব গুলু Option জানার জন্য অবশ্যই printThis এর README ফাইলটি পড়ে দেখবেন।