Вывод страницы сайта на печать

Создание веб-приложения с нуля на JavaScript, NodeJS, ExpressJS: webformyself.c...
В этом уроке мы рассмотрим варианты решения задачи вывода страницы на печать. На самом деле реализация этой задачи крайне проста. Если вам необходимо распечатать всю страницу, тогда достаточно вызвать метод JS print(), который и откроет окно печати. Но что делать, если нам нужна не вся страница?
Здесь мы и рассмотрим различные варианты решения поставленной задачи. Используя их, вы сможете распечатать как отдельный элемент страницы, так и несколько различных элементов.

[@prolego7941]

Спасибо!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@VA94-54r]

По работе пришлось научиться печати и формирование документа в браузере с помощью pdfmaker
Прикольно получается и не так сложно как кажется на js, с нужной инфой из бд, можно любой документ сформировать

[@timurkhudiyev]

А разве такой способ не сломает JS события, которые были ранее подвешаны на элементы?

[@eugenstakhursky9604]

Спасибо за урок!

[@matroskin978]

Пожалуйста))

[@КостянЕрмаков-е9ю]

однако интересно

[@GELIC]

а как вы убрали отступы между окном и контентом?

[@eugenstakhursky9604]

Лайк поставил, вот комментарий))

[@MrKumckuu]

Подскажите пожалуйста как можно при клике на ссылку, открывать ссылку и сразу же открывать печать?

[@kosoystudio]

Андрей, когда уже уроки по фреймворку будут?

[@matroskin978]

Да вот все никак руки не дойдут, каюсь... очень постараюсь исправиться.

[@rusicsemenov]

Более чем странно я упуслил? Почему просто не написать display: none и не нужен js, и все будет скрыто.

[@52Arz]

А после закрытия окна, body вернулся? Вот этот момент не понятен.

[@matroskin978]

Да, после печати страницы или после нажатия кнопки Отмена - страница возвращается к исходному состоянию. На видео я этот момент не показал, но Вы можете проверить самостоятельно.

[@FamilyB-u4s]

я что то твою логику понять не могу. через dn ты убирать элементы не хочешь(хотя по мне проще сделать доп стиль "no-print{display: none}" и скрыть секцию) чем через js всю страницу перерисовывать

[@matroskin978]

Слишком много элементов придется скрывать, если их на странице много. Фактически любой элемент, который не должен выводиться на печать, должен быть скрыт и каждому такому элементу нужно прописывать дополнительный класс. Через JS же достаточно прописать всего несколько строк кода. И такое решение, как мне кажется, более универсально, поскольку достаточно лишь прописать класс для элемента, который должен быть распечатан, вместо того, чтобы перечислять скрываемые элементы.
Впрочем, это лишь один из возможных вариантов решения задачи и не стоит забывать, что практически любую задачу можно решить всегда более чем одним способом и единственно верного решения просто нет. Выбор конечного решения - за Вами.

[@snd5543]

работает... но после отмены печати, к сожалению
Uncaught TypeError: Cannot read property 'tagName' of null
Uncaught TypeError: Cannot read property 'innerHTML' of null
Uncaught TypeError: Cannot read property 'appendChild' of null
OSX Mojave, Chrome
$('.printThis').on('click', function() {
var body = $('body').html();
var elem = $('.print');
$('body').html(elem);
window.print();
$('body').html(body);
});

[@doniyorusmonov152]

я первый ))