javascript Imprimir apenas uma parte da página

AndersonWS · Novembro 12, 2019

Olá, encontrei a algum tempo este script, não me lembro mais onde e acabei achando uma boa utilização.

				echo '<div id="sua_div">';
				echo "<h4>Solicitação enviada com sucesso!</h4>";
				echo "Você receberá uma cópia da reserva neste e-mail: <b>".$mail."</b><hr style='border:1px solid;'/>";
				echo $msg;
				echo '</div>';
				echo '<br/><button class="checkout" id="btn">Imprimir</button>';

				document.getElementById('btn').onclick = function() {
				   var conteudo = document.getElementById('sua_div').innerHTML,
				   tela_impressao = window.open('about:blank');
						//tela_impressao.window.name('Reserva Hotel');
				   tela_impressao.document.write(conteudo);
				   tela_impressao.window.print();
				   tela_impressao.window.close();
				};

Ele funciona exatamente como quero, imprimindo apenas a div "sua_div", porém gostaria que o título da nova página fosse: "Reserva Hotel" porém ele gera um arquivo: "http___hotelxzz.com" pois a página não tem título.
Como ajustaria isso? Tentei várias formas sendo a última: tela_impressao.window.name('Reserva Hotel'); mas não dá certo.

Omar~ · Novembro 13, 2019

Eu fiz diferente aqui usando 2 arquivos um que contém o elemento DIV que será imprimido.

Outro que recebe o que vai ser imprimido e imprime, logo o título do documento será o título do arquivo.

Antes de mais nada estou sem impressora no momento então não testei.

O que eu fiz foi obter a estrutura HTML do elemento div então abrir nova janela enviando essa estrutura codificada como url válida.

No arquivo aberto obtive o valor de GET e decodifiquei ele escrevendo seu valor no documento logo depois imprimindo.

Arquivo 1:

Isso aqui não vai ser imprimido
<button onclick="funcao()">Exemplo</button>

<div id="imprimir">
    Isso aqui vai ser imprimido!
    <p style="color: blue">Texto em azul</p>
    <article>
        <h2>Olá</h2>
        Sou um texto de artigo ^.^
    </article>
</div>

<script>
    function funcao() {
        var div = document.getElementById('imprimir');
        var encode = encodeURIComponent(div.innerHTML);
        window.open('imprime.html?tags=' + encode);
    }
</script>

Arquivo 2 (imprime.html de acordo com a função acima):

<!DOCTYPE html>
<html>
    <head>
        <title>O título que você quer</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <script>

            var get = location.search.slice(1);
            var entrada = get.split('&');
            entrada.forEach(function (parte) {
                var valor = parte.split('=');
                var html = valor[1];
                document.write(decodeURIComponent(html));

            });
            window.print();
            // Fechar janela 5 segundos após aberta
            setTimeout(function () {
                window.close();
            }, 5000);
        </script>
    </body>
</html>

Então na TAG <title> vai o título do documento a ser imprimido.

Entrar

Arquivado

javascript Imprimir apenas uma parte da página

Recommended Posts

AndersonWS 10

Compartilhar este post

Link para o post

Compartilhar em outros sites

Omar~ 87

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante