Как вывести страничку на печать используя JavaScript
Вчера я рассказывал про оформление печатной версии странички с использованием каскадных таблиц стилей. Но когда я сделал свою обработку @media print и довёл её до нужной мне кондиции, то я задумался над тем, что было бы не плохо дать пользователям распечатывать страничку в один клик. Совсем в один не получится, потому, что там должно быть окно выбора принтера. За-то это можно сделать в два клика. Код используется самый обычный, на JavaScript. Собственно весь код это десяток символов.
Можно сделать обработку нажатия на кнопочку, на картинку или самую обычную ссылку. Например, вот эта ссылка позволяет инициировать процесс печати текущей страницы:
Нажмите <a href="#" onclick="window.print(); return false;">здесь</a> для печати.
При нажатии на эту ссылку сработает вызов функции print() из объекта window. Второй параметр возвращает ложь, дабы не произошёл переход по ссылке.
Если честно, то это крайне простейшая функция, которую можно было бы интегрировать себе на сайт.
Кстати, функция распечатывания меня всегда интересовала потому, что при печати сертификатов из разных клиент-банков сразу после появления картинки с сертификатом, выскакивал диалог распечатки. Сначала было просто интересно, а потом любопытство взяло верх и я посмотрел в исходники странички. Когда я увидел, что этот функционал умещается в одну строчку, то захотел прикрутить себе на блог. Не знаю, насколько эта кнопочка пригодится моим пользователям и не знаю пока куда её прикрутить, но уверен, что люди которые интересуются как распечатать страничку, используя JavaScript, найдут ответ на свой вопрос у меня в блоге. Собственно благодаря этому функционалу очень легко выставлять счета своим клиентам. Достаточно сформировать страничку с этим кодом и отдать её пользователю.
Тэги: программирование
Отредактировано:2020-09-28 08:01:04
Одной простой кнопкой распечатать не отделаешься, все равно через CSS или еще что-то надо будет до ума печатный вариант довести