JSは部分選択印刷と部分選択印刷を実現します。


項目の必要により、1ページから印刷内容を選択します。自分のプリントしたいものを一つのDIV層で持ち上げます。例えば、
 
<!-- Start -->
<div id="itemVrbjForm" style="font-family:' ',' ';font-size: 18px; margin-top: 290px;" >
<div style="width: 600px; margin:0 auto;">
<div style="float: right;margin-top: -40px;">( :${zjxfItemUser.acceptedNo })</div>
<div id="title" style="margin-top: 40px;" ><span> </span></div>
${zjxfItemUser.userName }:( )<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span id="itemVrbjTime"></span>, ( ) ( ) ${zjxfItemUser.subject } ,
XXX , 《 》 , XXXX XX XX XXX , 。<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 。<br />
<div style="margin-top:50px;margin-right: 20px;float: right;">( ${zjxfProcessOver.subOrgname } )</div>
<div style="margin-top:90px;margin-right: -190px;float: right;"><span id="itemVrbjEndTime"></span></div>
</div>
</div>
<!-- End -->
の中間にプリント不要があります。一つのDIV層でも含まれます。CSSスタイルのを利用します。プリントが不要な層の中でclass=「noprint」を引用すれば
 
<style type="text/css" media="print">
.noprint{visibility: none;}
</style>
JSコードができます。プリントを選択する時にスタイルが失われます。プリントする前にプリントを追加すればいいです。
 
$(function(){

$("#print").click(function(){

var html = window.document.body.innerHTML;

exportCSS("itemVrbjForm",html);

});

//
function exportCSS(formName,htmlInfo){
var CSS = "<link href=\""+ baseURL +"/zjxf/common/css/common.css\" type=\"text/css\" rel=\"stylesheet\" /> " +
"<link href=\""+ baseURL +"/zjxf/common/css/table.css\" type=\"text/css\" rel=\"stylesheet\" /> " +
"<link href=\""+ baseURL +"/zjxf/common/css/form.css\" type=\"text/css\" rel=\"stylesheet\" />" +
"<link href=\""+ baseURL +"/zjxf/common/css/tab.css\" type=\"text/css\" rel=\"stylesheet\" />" +
"<link href=\""+ baseURL +"/zjxf/common/css/print.css\" type=\"text/css\" rel=\"stylesheet\" />" ;
$(CSS).appendTo("#" + formName);
window.document.body.innerHTML = $("#" + formName).html();
window.print();
window.document.body.innerHTML = htmlInfo;
}

});
は、局所的に印刷と部分的に印刷を選択しないことを実現することができる。