Как мне выборочно печатать элементы на странице

Question

У меня есть требование распечатать только часть страницы. Я не могу использовать css (media = print), чтобы сделать это, так как я понятия не имею, что содержит страница. Все HTML на странице генерируется динамически.

Также есть какие-либо ограничения на свойства CSS, которые распознаются в режиме печати. Многие из моих свойств CSS, такие как background-image, не применяются к сгенерированному предварительному просмотру.

Answer 1

Вы можете динамически создавать CSS и вставлять или переключать в ваш HTML-документ (см. http://docs.jquery.com/Tutorials:5_Quick_jQuery_Tips#Switch_A_Stylesheet).

Вы также можете определить CSS как

<style  type="text/css" media="screen">
    #printableButNotVisible { display:none }
    #visibleButNotPrintable { display:block }
</style>

<style type="text/css" media="print">
    #printableButNotVisible { display:block }
    #visibleButNotPrintable { display:none }
</style>

и динамически добавлять классы "printableButNotVisible" или "isibleButNotPrintable" ко всем элементам, которые должны быть либо распечатаны, либо видимы. Вы можете сделать это, например, в отношении jQuery.

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