Antes de iniciarmos, faça o download do plugin clicando no link abaixo.

http://plugins.jquery.com/files/jquery.PrintArea.js_4.txt

Agora que você já fez o download, chegou a hora de ver como utilizá-lo.

Na sua página você terá uma estrutura de conteúdo, formatado por < p >, 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.




   Imprimindo áreas isoladas de uma página com jQuery
   
   


Clique aqui para imprimir o texto abaixo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non turpis tortor, et aliquam urna. Nulla facilisi. Donec eleifend, felis vitae tristique auctor, ante urna tempor dolor, sit amet tincidunt eros nunc eu nibh. Nunc et lectus id nunc faucibus blandit ac ac ipsum.

Mauris pretium, orci et sagittis sodales, ipsum quam vestibulum justo, ut ullamcorper mauris ipsum eu lacus. Etiam at purus tellus, sit amet rutrum nunc. Ut facilisis urna vitae tortor semper ullamcorper faucibus mi varius.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi sit amet sodales odio. In in lacus id augue posuere tincidunt in id justo.



No bloco 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.