آموزش JavaScript (قسمت ۷)

آموزش-javascript-قسمت-۷

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

کد پرینت از کل صفحه : 

<script type="text/javascript">
  function all_print(){
    window.print();
  }
</script>

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

حالا شاید برایتا سوال پیش بیاید که اگر بخواهیم از بخش مشخص شده سایت چاپ بگیریم باید چیکار کنیم که در ادامه آموزش این مورد رو هم براتون آموزش میدم.

ک پرینت فقط از مشخصات سایت :

<script type="text/javascript">
  function detail_print()
  {
    var print_window = window.open('', 'PRINT', 'height=400,width=600');
    var elements = document.getElementById('details').innerHTML;
    
    print_window.document.write('<html><head><title>' + document.title  + '</title>');
    print_window.document.write('</head><body>');
    print_window.document.write(elements);
    print_window.document.write('</body></html>');
    print_window.print();
  }
</script>

کد بالا محتوا بخش details را در صفحه چاپ قرار می دهد و از چاپ محتوا تمام صفحه صرف نظر می کند.

توسط کد innerHTML به محتوای بخش details دسترسی پیدا می کنیم و می توانیم محتوای آن بخش را به صفحه چاپ ارسال کنیم.

در ادامه می توانید خودتان نیز امتحان کنید.


► قسمت قبلی
خودتان امتحان کنید

آموزش های مرتبط :



نظرات کاربران

نظر شما؟