پرینت از صفحه HTML با جاوا اسکریپت

پرینت از صفحه HTML با جاوا اسکریپت

شما میتوانید برای هر قسمت دلخواه از صفحه مورد نظر خود بطور مثال یک div و هر چیز دیگری مانند جداول و قسمت های دیگر موقعیتی را با ای دی مشخص کنید و با دادن دستورات جاوا مانند زیر تحت یک تابع ساده پرینت بگیرید ما در اینجا تابعی با نام printsample می نویسیم

<script>
    function printsample()
    {
        var printContents = document.getElementById('print_sample_ID').innerHTML;
        var originalContents = document.body.innerHTML;
        document.body.innerHTML = printContents;
        window.print();
        document.body.innerHTML = originalContents;
    }
</script>

 

و هر جایی که اراده کردیم در موقعیت پرینت قرار داده بشود را با ای دی دلخواه که در اینجا print_sample_ID معرفی کرده ایم به تابع پاس می دهیم تا متوجه شود از کدام قسمت که مد نظر ماست باید پرینت بگیرد بطور مثال در قسمت کدهای مربوط به وب سایت در لابه لای کدهای HTML  یک همچین چیزی را باید پیاده سازی کنیم

 <div id="print_sample_ID">


محلی که قصد داریم از آن ناحیه پرینت گرفته شود


</div>

و حالا فقط مانده ساخت یک دکمه که عملیات پرینت گرفتن را انجام دهد و با کلیک روی آن به تابعی که نوشتیم دسترسی پیدا کنیم که برای این منظور کافیه از یک تگ button استفاده کنیم و برای آن یک رویداد onclick در نظر بگیریم

    <button   onclick="printsample()" target="_blank" >پرینت </button>

 

خوب اگر همه چیز درست انجام شده باشه پرینت در ناحیه مورد نظر انجام میشه تنها نکته اش اینه که شما برای این کار به کتابخانه جی کوئری نیاز دارید حتما قبل از اون به سایتتون معرفیش کنید که البته کم پیدا میشه وب سایتی از جی کوئری استفاده نکنه به هر حال از اینکه با این آموزش همراه پروگرمیت بودید ممنونم