1

Tenho uma página da qual eu preciso imprimir apenas uma parte, utilizei o window.open seguido de um window.print para isso, só que a impressão não sai no formato esperado, é um formulário e deve ser impresso tal qual está num arquivo css que eu tenho, como faço para quando criar essa nova janela ela conter o css? tentei com href, target_blank e referenciando no document.write mas não teve jeito.

segue o código usado para abrir a página de impressão:

$('#btnPrint').click(function() {
                var prtContent = document.getElementById("dados");
                var WinPrint = window.open('', '', 'left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0');
                WinPrint.document.write(prtContent.innerHTML,);
                WinPrint.document.close();
                WinPrint.focus();
                WinPrint.print();
                document.getElementById('dados').remove()
                WinPrint.close();
            });

1 Resposta 1

0

Vc pode rconstruir outro html nessa janela de impressão e chamar o CSS dessa forma por exemplo

WinPrint.document.write('<html><head><title>Print it!</title><link rel="stylesheet" type="text/css" href="styles.css"></head><body>');
WinPrint.document.write($("#content").html());
WinPrint.document.write('</body></html>');

Aqui vc pode consultar outras forma nessa resposta do STOF em inglês: https://stackoverflow.com/questions/18758288/open-a-new-javascript-window-open-along-with-its-css-styling

1
  • 1
    Já tentei fazer isso e a janela de impressão abre em branco, acredito que estou errando em alguma coisa "básica" mas não consigo perceber exatamente no que. Vou dar uma olhada nas outras opções da pergunta em inglês e ver se alguma delas resolve. Commented 5/07/2018 às 14:06

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .