Как сделать HTML-страницу для печати без перезагрузки / обновления данных?

Question

У меня есть небольшой html / css-сайт, работающий на jQuery, сгенерированный с помощью PHP, вы можете увидеть его в действии здесь .

Вся идея сайта заключается в том, что после загрузки,он работает без подключения к интернету, если браузер поддерживает javascript, т. е.

Вы можете видеть, что у него есть готовая кнопка ПЕЧАТЬ, но она пока не работает.Я хочу, чтобы это работало, но я не уверен, каков наилучший подход или какой-либо другой подход.

Мне нужно только напечатать область содержимого, что означает заголовок (название песни).) и параграф (текст песни).Возможно, добавьте верхний / нижний колонтитул к бумаге, чтобы имя сайта тоже печаталось.

На других сайтах это обычно работает так, как кнопка ПЕЧАТЬ открывает новое окно, которое загружается дляпример /print.php?id=40, но я не очень хочу делать это здесь, так как для этого требуется активное подключение к Интернету.

Если функция печати не может быть реализована без подключения к Интернету, ответ, по крайней мере, описываето том, как лучше всего подойти к этому с перезагрузкой сайта, все еще будет приемлемым.

Answer 1

Используйте таблицу стилей печати, чтобы указать видимость элемента для печати. ​​

<link rel="stylesheet" type="text/css" href="styles/print.css" media="print">

... и в print.css

#hideThisElementInPrint,
.andThisOneToo {
    display: none;
}