javascript — предварительный просмотр html-таблицы без верхнего и нижнего колонтитула приложения
Привет у меня есть ситуация, когда я хочу показать пользователю кнопку предположить, как:
«Печать» при нажатии на эту кнопку. Я хочу показать предварительный просмотр для пользователя в виде HTML-таблицы, которую я хочу напечатать. Но я не хочу, чтобы верхний и нижний колонтитулы, которые использует мое приложение для всех страниц, отображались в этом предварительном просмотре для пользователя.
Так как я могу сделать это возможным распечатать HTML-страницу без заголовка и нижнего колонтитула только часть содержимого.
Пожалуйста, помогите мне, я пробовал много решений для этого, но больше не работал. Я использую язык сценариев php (фреймворк Symfony2)
заранее спасибо
Решение
<style>
@media print
{
#header{
display:none;
}
#footer{
display:none;
}
</style>
Это сделает ваш верхний и нижний колонтитулы невидимыми во время предварительного просмотра или печати.
Другие решения
В css добавьте классы и укажите этот класс для элемента контейнера верхнего и нижнего колонтитула, который должен быть скрыт при печати.
@media print
{
.print
{
display: none !important;
}
}
Скрыть заголовок и нижний колонтитул при печати.
<html>
<script>
function print1(){
document.getElementById("header").style.display="none";
document.getElementById("footer").style.display="none";
document.getElementById("print").style.display="none";
window.print();
}
</script>
<div id="header">Header</div>
<div id="content">content</div>
<div id="footer">Footer</div>
<input type="button" onclick="print1()" id="print" value="print">
</html>