Установите библиотеку jquery-1.9.1.min.js на свой сайт и подключите её внутри HEAD.
Код печати всей страницы:
<button onClick="window.print()">Печать</button>
Главная HTML5 JavaScript Печать страницы или ее части
Код на JavaScript и JQuery позволяет распечатать всю страницу целиком или её части.
Установите библиотеку jquery-1.9.1.min.js на свой сайт и подключите её внутри HEAD.
<button onClick="window.print()">Печать</button>
<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.2015 1 шт. Сок Добрый70 руб. 12.02.2015 1 шт. Хлеб пшеничный23 руб. 12.02.2015 2 шт.
Оставить комментарий
Заполните все поля.