Как предотвратить печать div элемента, но выводить его на экран?

Question

[cicatrix]

В вёрстке не силён, обращаюсь к знающим.
Есть такой вот div:

<div class="MasterFooter">
    <small>Отчёт подготовлен в системе <a href="xxxx">xxxx</a>. Дата формирования: <%= DateTime.Now %></small>
</div>

Надо, чтобы он выводился только на экран, а когда страницу распечатывают, он бы не печатался.

Answer 1

[Rsa97]

@media print {
  .MasterFooter {
    display: none;
  }
}

https://habrahabr.ru/post/160997/

Comments

[cicatrix]

Скажите, а это можно указать прямо в div, потому что это свойство требуется отключать/включать программно на серверной стороне?

[Rsa97]

cicatrix, Это правило указывается в css, media определяет, что оно применяется только при печати. В div вы можете определить дополнительный класс, например noPrint и в css сделать правило для этого класса.

[Kovalsky]

cicatrix, на сервере? Звучит странно, но для этого можно на клиенте держать styleSheet и отключать соответствующее правильно в зависимости от, например, ответа сервера: document.styleSheets.item(i).disabled=true

[cicatrix]

Никита Полевой, Это бизнес-приложение, у пользователя есть галочка "выводить нижний колонтитул в отчёт". Он её либо ставит, либо нет, в общем, это уже тривиально.
Вопрос в том, можно ли мне манипуляцией с атрибутом 'style' у элемента div устанавливать, печатать его, или нет (не прибегая к таблице стилей)?

[Kovalsky]

cicatrix, атрибутом style - нет. Но вы вполне можете применять стили к этому элементу ориентируясь на какой-то класс.

[Rsa97]

cicatrix, Можно. Стиль можно добавить на сервере или уже на клиенте через js/jq

[cicatrix]

Rsa97, Что в стиль прописать-то? Как в итоге этот div должен выглядеть?

[Rsa97]

cicatrix, В css - то, что в самом ответе, только указываете нужный класс. Добавляете этот класс в div на сервере либо на клиенте - div не печатается. Не добавляете класс - div печатается.