JS implémente les compétences d'impression par sélection partielle et de non-sélection partielle_javascript

Sélectionnez le contenu à imprimer sur une page en fonction des besoins du projet.

Enveloppez la chose que vous souhaitez imprimer dans un calque DIV. Par exemple :

Copier le code Le code est le suivant :

<!-- Notification de transfert des questions de pétition SingleStart --> <div style="width: 600px; margin:0 auto;">
<div style="float: right;margin-top: -40px;"> (Numéro d'avis : ${zjxfItemUser. acceptNo })</div>
<div id="title" style="margin-top: 40px;" <<span>Avis de transfert des questions de pétition< /span></div> ;
${zjxfItemUser.userName } : (nom du pétitionnaire)<br/>
       
<span id="itemVrbjTime"></span> , cette agence (ou unité) La pétition ${zjxfItemUser.subject} déposée par vous (ou vous) a été acceptée conformément à la loi
La question de la pétition relève des pouvoirs de XXX Selon les dispositions pertinentes. du « Règlement sur les pétitions », cette agence a déjà Les documents concernés seront transférés à XXX pour traitement le XX, veuillez le contacter à temps. <br/>
Nous vous informons par la présente. <br />
<div style="margin-top:50px;margin-right: 20px;float: right;"> (estampillé du sceau spécial ${zjxfProcessOver.subOrgname} ou du sceau officiel)< ;/ div>
<div style="margin-top:90px;margin-right: -190px;float: right;"><span id="itemVrbjEndTime"></span>< /div&gt ;
</div>
</div>
<!-- Fin de l'avis de transfert des lettres et des visites --> requis au milieu, également inclus dans une couche DIV. Utilisez les styles CSS. Référencez simplement class="noprint" dans le calque qui n'a pas besoin d'être imprimé

Copiez le code

Le code est le suivant : <style type="text/css" media="print"> .noprint{visibilité : aucune;} </style> >

Code JS :

Remarque : Le style sera perdu lorsque vous choisissez d'imprimer. Vous devez ajouter votre impression avant l'impression.

Copier le code


Le code est le suivant :

$(function(){ $("#print").click(function(){ var html = window.document.body.innerHTML;

exportCSS("itemVrbjForm",html);

});

//Importer les styles dans l'impression sélectionnée
fonction 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(); }

});


De cette manière, il est possible d'obtenir à la fois une impression à sélection partielle et une impression à non-sélection partielle.