Imprimir Div Usando Javascript

por Anselmo Battisti | ago 9, 2009 | Web | 21 Comentários

Introdução

Meu sistema gera uma DIV onde eu jogo os elementos que o usuário manipula, tabelas, relatórios eis que um belo dia ele me pediu para imprimir o que estava dentro daquela div, o ideal é utlizar a técnica de ocultamento através de CSS porém desta vez não funcionou legal então parti para esta abordagem utilizando Javascript, abaixo esta o código

Código

function printDiv(id, pg) {
	var oPrint, oJan;
	oPrint = window.document.getElementById(id).innerHTML;
	oJan = window.open(pg);
	oJan.document.write(oPrint);
	oJan.window.print();
       oJan.document.close();
       oJan.focus();
}
 
// exemplo de uso
a onclick="printDiv(&quot;divdoconteudo&quot;,&quot;janela&quot;)">imprimir

21 Comentários

Julio no 16 de abril de 2010 a partir do 14:05

Não funciona…!
Guilherme Marchezetti no 31 de agosto de 2010 a partir do 20:19

Funciona sim! =D
Rogério Souza no 20 de janeiro de 2011 a partir do 22:21

Parabéns pelo post, FUNCIONA MUITO BEM!
janos no 20 de março de 2011 a partir do 13:31

Poderia explicar melhor a utilização deste javascript como por exemplo, na hora de utilizar o exemplo na tag ‘a’ você colocou, “divdocumento”,”janela”:
Esta janela o que seria um div, uma outra propriedade, na função é pg como se fosse pagina e na tag ‘a’ é gerada a janela, aqui simplesmente não funcionou dando erro de javascript no navegador.
A alguma observação que ficou faltando esclarecer ai, flws.
Battisti no 21 de março de 2011 a partir do 1:39

janos:

divdoconteudo: é o id da div que você quer imprimir
janela: é um nome qualquer, isso será usando pelo navegador para nomear a popup que será aberta!

Posta ai o erro que o navegador está apresentando pragente ver, usa o firebug 😉
Eberton no 26 de julho de 2011 a partir do 19:01

Vlw veio!!!! 😀
Kennedy Carvalho no 5 de setembro de 2011 a partir do 11:08

Funcionando perfeitamente predialapolo.com.br, Valeu !
Pedro no 7 de outubro de 2011 a partir do 14:00

Muito bom, valeu deu certinho, exatamente o que eu precisava..
Carlos no 19 de outubro de 2011 a partir do 18:51

Muito bom! vlw!!
cristiano no 10 de novembro de 2011 a partir do 15:57

perfeito esse código! muito útil valws… parabens
Fernando no 25 de janeiro de 2012 a partir do 18:22

Mao na roda cara, mto bom, valeu mesmo.
Dudu no 3 de abril de 2012 a partir do 19:53

Nossa vlw! me ajudou aqui…
Gustavo no 9 de abril de 2012 a partir do 15:41

o foco na janela deve ser antes do print() e close()…ficando assim:
function printDiv(id, pg) {
var oPrint, oJan;
oPrint = window.document.getElementById(id).innerHTML;
oJan = window.open(pg);
oJan.document.write(oPrint);
oJan.focus();
oJan.window.print();
oJan.document.close();
}

abraços…
Leonardo no 14 de maio de 2012 a partir do 13:43

Parabéns BATTISTI, post de grande ajuda… Para os amigos que não conseguirão.. de primeira o evento onclick não rodou, precisou de algumas alterações ficando assim..

Imprimir

‘divimprimir’ = A div que vai passar o conteúdo para a função printDiv;
‘?view=efet_all’ = Nome da janela para abrir..

Código:

function printDiv(id, pg) {
var oPrint, oJan;
oPrint = window.document.getElementById(id).innerHTML;
oJan = window.open(pg);
oJan.document.write(oPrint);
oJan.window.print();
oJan.document.close();
oJan.focus(); }

Imprimir

Fica ai a ajuda para galera que não conseguiu : )
Leonardo no 14 de maio de 2012 a partir do 13:47

Parabéns BATTISTI, post de grande ajuda… Para os amigos que não conseguirão.. de primeira o evento onclick não rodou, precisou de algumas alterações ficando assim..

pS: remover # 😀

#Imprimir##

‘divimprimir’ = A div que vai passar o conteúdo para a função printDiv;
‘?view=efet_all’ = Nome da janela para abrir..

Código:
##
function printDiv(id, pg) {
var oPrint, oJan;
oPrint = window.document.getElementById(id).innerHTML;
oJan = window.open(pg);
oJan.document.write(oPrint);
oJan.window.print();
oJan.document.close();
oJan.focus(); }
#
#Imprimir##

Fica ai a ajuda para galera que não conseguiu : )
BraMax no 5 de setembro de 2012 a partir do 17:55

Funcionou perfeitamente, cara! Obrigado! Parabéns pelo site!
fromacedo no 2 de outubro de 2012 a partir do 13:09

Funcionou perfeitamente!
Eu estava procurando algo do tipo há um tempo…
Forte abraço mano!
Isac no 24 de maio de 2013 a partir do 20:32

Valeu, tudo perfeitamente funcionando… mt obg
Eduardo Ferreira no 6 de agosto de 2013 a partir do 11:43

Funcionou perfeitamente, porem esta abrindo uma about blank com os dados, como faço para que não seja aberta?
valdiney no 12 de outubro de 2013 a partir do 20:46

Parabéns cara! Ótimo trabalho!
Rafael no 14 de dezembro de 2013 a partir do 19:27

Funcionou…porém estou com o mesmo problema que o Eduardo…abre uma janela com os dados, gostaria de retira-la. Como faço??