Criar uma botão com um um comando Javascript:
onClick="window.print()"
<form>
<input type="button" value="Imprimir esta página" onClick="window.print()"/>
</form>
Funciona em todos os navegadores.
Para imprimir uma área especifica da página, basta acrescentar um estilo pelo CSS.
Caso 1 – Imprimir tudo excluindo uma ou mais áreas da impressão
Existe área que deseja excluir da impressão? Basta criar uma uma class dentro de @media print, para ocultar a visibilidade e atribuí-la ao elemento (tag html) que você não quer imprimir.
<!DOCTYPE html> <html> <head> <title>Not Print</title> <style type="text/css"> @media print { .noprint { visibility:hidden; } } </style> </head> <body> <strong>Isto vai ser impresso!</strong> <div class="noprint"> Este texto não será impresso. </div> Este texto será impresso! </body> </html>
Caso 2 – Incluir uma única área na impressão, e excluir outras
Imprimir apenas uma área específica, como uma DIV, por exemplo, e não quiser que o restante do site apareça na impressão.
<!DOCTYPE html> <html> <head> <title>Yes Print</title> <style type="text/css"> @media print { * { visibility:hidden; } #imprimir { visibility:visible; position: absolute; top:0; left:0; } } </style> </head> <body> <strong>Este texto não será impresso!</strong> <div id="imprimir"> Este texto será impresso! </div> Este texto aqui não será impresso! </body> </html>
Comentários