web-dev-qa-db-fra.com

supprimer l'URL et imprimer le texte de la page imprimée

J'ai développé une application Web et ma page Web contient des affichages de données avec En-têtes, pieds de page, menus et autres images communes. j'ai donc ajouté un petit bouton comme aperçu d'impression afin que seul l'utilisateur puisse voir les données. Une fois que l'utilisateur a cliqué sur le bouton d'aperçu avant impression, seul l'affichage des données Est apparu. Dans cette fenêtre, j'ai ajouté une impression de bouton afin que l'utilisateur puisse cliquer dessus et en imprimer une page.

ce bouton d’appel appelle directement window.print () dans l’événement onClick et fonctionne très bien, je peux obtenir les impressions.

mais mon problème est dans ma page imprimée en plus de cela je peux trouver le texte "Imprimer" qui est une légende de bouton et en dessus que Je peux trouver l’url qui est quelque chose http://localhost/..............

Alors, y a-t-il un moyen de supprimer ces textes et URL de ma page imprimée?.

Merci beaucoup

c’est ce que fait le bouton Aperçu avant impression.

function printPreView(reportCategory,reportType,transactionType,searchOption,customerRokaID,utilityCompany,fromDate,toDate,telcoName,bank){

var request = "selectedMenu="+reportCategory+"&loginStatus=success&criteria="+searchOption+"&customer="+customerRokaID+"&from="+fromDate+"&to="+toDate+"&nspTypes="+utilityCompany+"&trxTypes="+transactionType+"&options="+reportType+"&telcoTypes="+telcoName+"&bankTypes="+bank+"&printable=yes";


window.open ("report/showReport.action?"+request,null,"location=no,menubar=0,resizable=1,scrollbars=1,width=600,height=700");
}

Voici comment j'ai mis mon bouton Imprimer

 <form>

   <input type="button" value="Print" onClick="window.print() ">

 </form>
javascripthtmlcssjspprinting
7
Suranga

L'en-tête avec l'URL (et parfois le titre de la page, le numéro de la page, etc.) est automatiquement ajouté par le navigateur Web. Fondamentalement, les paramètres ne peuvent être modifiés que par l'utilisateur. Ce sujet est traité en détail dans cette question

Pour le bouton lui-même, vous pouvez le masquer à l'aide d'un code CSS d'impression spécifique, comme indiqué dans cette question . Et comme l'a dit MMacdonald, vous pouvez également utiliser cette technique pour d'autres éléments, de sorte que vous n'ayez pas besoin de restituer votre page. Mais vous perdriez alors la fonctionnalité d'aperçu (l'utilisateur pourrait toujours utiliser l'aperçu avant impression du navigateur).

8
Pierre Henry

Si vous utilisez bootstrap, trouvez le code suivant:

 @media print {
  ...
  a[href]:after {
    content: " (" attr(href) ")";
  }
  ...
}

Remplacer le style par le contenu: aucun ne gère la situation très bien.

Référence: this url

3
Dhara Joshi

Envisagez d'utiliser des feuilles de style dépendantes du support au lieu de créer une solution "d'impression de page" sur mesure. 

1
mtmacdonald

Cela a fonctionné pour moi avec environ 1 cm de marge 

@page 
{
    size:  auto;   /* auto is the initial value */
    margin: 0mm;  /* this affects the margin in the printer settings */
}
html
{
    background-color: #FFFFFF; 
    margin: 0mm;  /* this affects the margin on the html before sending to printer */
}
body
{
    padding:30px; /* margin you want for the content */
}
0
afshin