Показать содержимое только на странице печати не на странице браузера с помощью CSS или javascript

У меня есть динамический контент, который должен отображаться только на странице печати, а не на веб-странице, используя CSS или javascript. Пожалуйста, помогите мне сделать это.Показать содержимое только на странице печати не на странице браузера с помощью CSS или javascript

Например,

Я имею содержание Div как это ..

echo '<div id="noshow">'.$val.'</div>'; //i am using php and $val is a dynamic value.

Мне нужно показать это значение только на странице печати, а не на странице браузера. Я использовал display:none. Но я не знаю, как заставить его отображаться снова на странице печати.

источник

2015-06-24 user3784251

Поместите ваши конкретные для печати стили в '@media print {#noshow {display: none; }} '. – haim770

Взгляните на это http://www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/ –

У вас есть два набора CSS? – Truezplaya

В вас вы регулярные таблицы стилей вы можете использовать @media запросов для печати CSS ...

@media print { 
    #hid { display: table-row; } 
}

или вы могли бы добавить напечатайте style.css до заголовка своей страницы с помощью атрибута media.

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

источник

2015-06-24 14:08:37 Aaron

Это работает .. но у меня есть таблица tr как скрытая. Пока ее отображение на принтере показывает это как блок, а не как таблица tr .. помогите мне .. – user3784251

скажите, например, это мой код ' '; echo ' Bye'; echo ' hai'; echo ''; ?> 'Он скрывает hai как в режиме просмотра, так и в браузере. Помогите мне. – user3784251

Я пробовал все большинство значений свойств по этой ссылке http://www.w3schools.com/cssref/pr_class_display.asp до сих пор не работает. – user3784251

-1

Вам нужно иметь два набора CSS. Тот, который специально отображает браузер и тот, который предназначен для печати.

Смотри в http://printstylesheet.dbushell.com/

Приветствиях Truez

источник

2015-06-24 13:52:42 Truezplaya

Вставка ссылки не является ответом. Ответьте на вопрос с примером кода. – Aaron

Аарон, исправьте это не только ответ, а не просто подарок пользователю ответа. Один ответ также использует два набора CSS для печати, а один для обычного отображения, URL-адрес показывает только случай, когда пользователь скрыл какие-либо элементы в разделе тела. – Truezplaya

Показать содержимое только на странице печати не на странице браузера с помощью CSS или javascript

ответ

Смежные вопросы