Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Diegus Miestro

[Resolvido] Imprimir apenas uma DIV com CSS

Recommended Posts

Olá, estava querendo imprimir apenas uma DIV e vi um código Javascript que fazia isso de boa, porém houve um problema, o CSS não era herdado, até compreendo pois criei uma janela sem dizer que haveria de ter uma importação de CSS. Gostaria de saber se tem e como poderia fazer para abrir uma janela com o conteúdo da DIV e com a devida formatação css?

 

Abaixo segue o código da impressão:

 

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

não precisa de javascript.

 

basta usar css media type print

Compartilhar este post


Link para o post
Compartilhar em outros sites

não precisa de javascript.

 

basta usar css media type print

 

No CSS de Impressão coloque todas as div's pra display none e a que quer imprimir como block, porem se tiver usando algum plugin jQuery que aplica show a alguma coisa esse vai ser impresso também pois é aplicado ao Atributo Style do Elemento e o css não consegue ter prioridade sobre esse.

 

 

div{
  display:none;
}  
div.imprimir{
 display:block;
}

 

Tente isso vou pesquisar sobre o JavaScript se encontrar a solução completo a resposta.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.