Как распечатать часть моей страницы, используя jQuery? - PullRequest
Новая
       5

Как распечатать часть моей страницы, используя jQuery?

6 голосов
/ 16 сентября 2011

Я хотел бы распечатать только определенную часть моей страницы.Мой пример кода следующий: 

<%@ page contentType="text/html;charset=ISO-8859-1" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
        <title>Insert title here</title>    
    </head>
    <body>
        <div class="body">
            Blah... blah... 
        </div>
        <div class="printable">
           contents goes here...
        </div>
    </body>
</html>

Мне нужно напечатать содержимое <div class="printable"></div>.Можно ли сделать это с помощью jQuery?Должен ли я написать это решение, или есть плагин, который поможет решить эту проблему?

Ответы [ 2 ]

4 голосов
/ 16 сентября 2011

Добавить в HTML заголовок: 

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

print.css 

body * { display: none; }
.printable { display: block; }

Javascript 

window.print();
2 голосов
/ 16 сентября 2011

У меня нет хорошего решения от stackoverflow, поэтому я отправляю ответ сам .. 

 <%@ page contentType="text/html;charset=ISO-8859-1" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title>Insert title here</title>    
  <script type="text/javascript">
     printDivCSS = new String ('<link href="myprintstyle.css" rel="stylesheet" type="text/css">')
function printDiv(divId) {
    window.frames["print_frame"].document.body.innerHTML=printDivCSS + document.getElementById(divId).innerHTML
    window.frames["print_frame"].window.focus()
    window.frames["print_frame"].window.print()
}
</head>
<body>
   <div class="body">
   Bla h......... blah... 
</div>
<div class="printable">
   contents goes here.........
</div>
<b></b> <a href=javascript:printDiv('printable')>Print This Div</a><br>

см .: Как напечатать часть отрендеренного HTMLстраница в JavaScript?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...