Nesse tutorial vamos ver como fazer a impressão de áreas isoladas de uma página web.
Antes de iniciarmos, faça o download o dplugin clicando no link abaixo.
http://plugins.jquery.com/files/jquery.PrintArea.js_4.txt
Na sua página você terá uma estrutura de conteúdo, formatado por <div>,<p> p,<ul>, etc. Em alguma parte da sua página você terá um botão do tipo IMPRIMIR, que fará a impressão da página toda ou irá enviar o usuário para uma outra página, onde tenha somente o conteúdo que deve ser impresso.
Com esse plugin você não precisará enviar o usuário para outra página, bastará informar qual parte da página deve ser impressa, e além do mais, você poderá permitir ao usuário que imprima as áreas da página de forma independente, bastando informar qual a área deve ser impressa.
No exemplo abaixo temos um codigo simples, que demonstra a impressão de um bloco de texto.
No bloco <script></script> inserido na página, simplesmente adicionamos ao evento click do link “Clique aqui”, a informação de que ele deverá imprimir o conteúdo que estiver dentro do elemento especificado com a classe “contentPrint”, e retornamos false para que o href do link não interfira na ação, levando o usuário para o topo da página.
Alguns parâmetros podem ser passados para a função, possibilitando uma melhor formatação do posicionamento da tela de impressão que será aberta.
@mode | [string] | (“iframe”),”popup” | printable window is either iframe or browser popup
@popHt | [number] | (500) | altura da janela
@popWd | [number] | (400) | largura da janela
@popX | [number] | (500) | posição X da janela
@popY | [number] | (500) | posição Y da janela
@popTitle | [string] | (”) | titulo da janela
@popClose | [boolean] | (false),true | fechar a janela após a impressão
Esses parâmetros são passados da seguinte forma:
Com o uso desse plugin, criar impressão de elementos de uma página se torna uma tarefa bem simples.
Em caso de dúvidas ou sugestões, deixem os seus comentários que eles serão respondidos o mais breve possível.
