BOMBOLOM.COM

(webdev) Imprimir Página Automaticamente

Este é um post de José Lopes.

Este post mostra como criar uma página HTML que automaticamente abre a caixa de diálogo da impressora e fica pronta a imprimir.

Imaginem que têm uma página no seu site com informação que é susceptível de ser imprimida com alguma frequência e, por uma questão de profissionalismo, pretendem que seja chamada uma versão diferente para impressão.

A melhor forma de o fazer, a meu ver, é criar uma versão HTML dessa página que vamos chamar de versão de impressão e colocar um link (associado por exemplo a uma imagem de uma impressora) na página original.

Por experiência pessoal posso dizer que os utilizadores de um site mais facilmente aceitam um link que diga "print" do que por exemplo uma versão PDF da informação. Pode parecer estranho mas é verdade.

Assim, na versão de impressão colocamos somente a informação que se pretende ver imprimida, excluíndo por exemplo o menu, incluíndo um cabeçalho com o nome do site, usando um CSS dedicado, etc.

Para fazer com que automaticamente abra o diálogo de impressão devemos ter o seguinte código na versão de impressão:

<head>
<script type="text/javascript">
  function printpage() {
  window.print();
  }
</script>
</head>
<body onload="printpage()">

Como podem ver entre os tags <head></head> colocamos uma função de javascript que uma vez chamada imprime a página corrente. Notar que evidentemente pode haver mais informação no head, este exemplo é só para exemplificar.

A magia final é feita dentro do tag body em que executamos a função de javascript que criámos quando a página é carregada.

Para ver este código em acção clique aqui.

O resultado da impressão vai depender do browser que o utilizador estiver a utilizar, sendo que por regra geral o IE tem o output pior.

17.12.2007 | Ler mais | Comentários | Tags , ,

Voltar à Página principal | Made with PyBlosxom