2010-03-17 5 views
3

J'ai une page html je veux imprimer une partie de cette page html, je sais une fonction javascript pour imprimer une page,Comment imprimer une partie d'une page HTML?

onClick="javascript:window.print(); return false; 

mais comment puis-je imprimer une partie d'une page?

Si quelqu'un a une idée, partagez-la avec moi.

Répondre

8

Vous devez utiliser un css distinct pour le support d'impression. Cela vous permet de masquer/d'afficher des parties de la page lorsqu'elle est imprimée.

html:

<div class="dont-print-that"> 
    blah 
</div> 
print this! 

comprennent:

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

print.css

.dont-print-that{display:none;} 

L'autre solution est d'ouvrir une nouvelle fenêtre avec seulement le contenu que vous souhaitez imprimer. Vous pouvez le faire dans un popup ou un iframe. Personnellement, je trouve la solution CSS plus élégante, mais c'est à vous de décider.

0

Vous pouvez appliquer un style CSS pour tout cacher mais ce que vous voulez imprimer pour media="print" en utilisant Javascript.

Vous pouvez également charger la page dans une autre fenêtre ou un [] caché et l'imprimer.

+1

Je ne suis pas sûr de comprendre votre réponse, mais il n'est pas nécessaire d'utiliser javascript. Les navigateurs repeignent la page en utilisant les css corrects lors de l'impression. – Alsciende

+0

@Alsciende, je le sais. J'ai compris que la question voulait imprimer seulement une très petite partie du document, pas tout le document. Je voulais dire qu'il peut insérer les règles CSS pour le support d'impression avant que l'impression commence, donc tout sauf cette petite partie est cachée. – strager

0

Si vous souhaitez implémenter plusieurs « Imprimer cette section » caractéristiques sur une page, puis imprimez les feuilles de style des médias (décrits dans d'autres réponses) sont la voie à suivre ...

... mais combinez cela avec alternative stylesheets afin que vous puissiez passer à un pour chaque section.

Questions connexes