Главная HTML5 JavaScript Печать страницы или ее части



Печать страницы или ее части


Код на JavaScript и JQuery позволяет распечатать всю страницу целиком или её части.


Установите библиотеку jquery-1.9.1.min.js на свой сайт и подключите её внутри HEAD.

Код печати всей страницы:


<button onClick="window.print()">Печать</button>

Код печати части страницы:


html


<div class='to_print'>
<hr>
<h4>Печать чека:</h4>
<table>
<tr><td>Название</td><td>Стоимость</td><td>Дата</td><td>Количество</td></tr>
<tr><td>Кока кола67 руб.</td><td>12.02.2015</td><td>1 шт.</td></tr>
<tr><td>Сок Добрый70 руб.</td><td>12.02.2015</td><td>1 шт.</td></tr>
<tr><td>Хлеб пшеничный23 руб.</td><td>12.02.2015</td><td>2 шт.</td></tr>
</table>
<hr>
</div>
<button class="myprint">Печать</button>

javascript


<script>
$(function(){
$('.myprint').click(function(){ //при клике на что срабатывает печать
var html_to_print=$('.to_print').html(); //что печатаем
var iframe=$('<iframe id="print_frame">');
$('body').append(iframe);
var doc = $('#print_frame')[0].contentDocument || $('#print_frame')[0].contentWindow.document;
var win = $('#print_frame')[0].contentWindow || $('#print_frame')[0];
doc.getElementsByTagName('body')[0].innerHTML=html_to_print;
win.print();
$('iframe').remove();
});
});
</script>
<style>#print_frame{display: none;}</style>


Печать чека:

НазваниеСтоимостьДатаКоличество
Кока кола67 руб.12.02.20151 шт.
Сок Добрый70 руб.12.02.20151 шт.
Хлеб пшеничный23 руб.12.02.20152 шт.


Понравилась страница? Поделитесь ссылкой в социальных сетях. Поддержите проект!

Нет комментариев.



    Оставить комментарий

    Заполните все поля.

    Оценка