Как распечатать только часть страницы?

Я пытаюсь скрыть некоторые div до того, как 9X_filter пользователь напечатает эту гигантскую форму, а 9X_max-width затем снова отобразить div. Таким образом, я 9X_css хочу проигнорировать остальную часть страницы 9X_css-layout и распечатать только саму форму.

Конечно, я 9X_css3 мог открывать отдельную страницу, когда пользователь 9X_filter нажимает кнопку печати. Единственное, бланк 9X_dynamic-css очень длинный, и это было бы довольно утомительно.


Изменить: мой 9X_filter предыдущий вопрос на самом деле не отражал 9X_max-height то, что я искал. Поэтому я изменил его на 9X_css2 текущий.

Также спасибо всем, что предложили 9X_css window.onbeforeprint и window.onafterprint. Это 9X_inline-block имело отношение к моему отредактированному 9X_inline-block вопросу.

17
0
2
Общее количество ответов: 2

Ответ #1

Ответ на вопрос: Как распечатать только часть страницы?

Во-первых, все в порядке:

Взгляните на window.onbeforeprint и window.onafterprint 9X_css-layout (исходный вопрос задавался о том, как это 9X_printer сделать программно).

Теперь лучший способ:

Лучше всего использовать 9X_css стиль, специально предназначенный для печати. Другими 9X_css-layout словами, ваш div может выглядеть так:

My Info

Это 9X_mask будет в вашей таблице стилей:

.someClass {font-family:arial;}
@media print {
    .noPrint { display: none; }
} 

Другой вариант

Вы также можете 9X_filters поместить это в отдельную таблицу стилей, если 9X_filters хотите, чтобы вам не приходилось смешивать 9X_printing стили:


В вашей таблице стилей экрана можно 9X_mask было бы определить ".someClass" одним способом, а 9X_mask затем в вашей таблице стилей печати он мог 9X_dynamic-css бы быть определен совершенно другим способом.

28
3

  • Я предпочитаю создавать отдельную таблицу стилей, которая обрабатывает все изменения стиля, связанные с печатью, а не добавлять их в существующие таблицы ...

Ответ #2

Ответ на вопрос: Как распечатать только часть страницы?

IE поддерживает onbeforeprint и onafterprint, но на самом деле вам 9X_dynamic-css нужна таблица стилей печати. ​​


См. также: this answer

17
0