3

Gostaria de adicionar um botão Bootstrap para invocar a impressão de conteúdo de uma página, consegui esse exemplo, mas ele funciona a partir de um link, vejam: Exemplo

O código posiciona o link na parte superior da página, também vi um exemplo aqui mesmo, nesse link Exemplo Stackoverflow, mas não gostaria de abrir a página com conteúdo novamente, simplesmente clicar no botão, chamar a caixa de impressão e imprimir como no primeiro exemplo citado.

O código da primeiro exemplo é esse:

$(document).ready(function() {
    $('#container').prepend('Click aqui para imprimir');
    $('a#print').click(function() {
        window.print();
        return false;
    });
});

1 Resposta 1

5

Se o seu objetivo é ter um botão que usa a classse do bootstrap e só usarbtn btn-primary por exemplo, e se não quiser que abra em nova abra e so remover o target_blank, pelo que entendi seria algo assim:

        document.getElementById('btn').onclick = function() {
          window.print();
        };
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<body>
  <div id="sua_div">Essa é a DIV</div>
  <button id="btn" class="btn btn-primary">Clique para imprimir</button>
</body>

1
  • Olá @Gabriel Rodrigues, muito obrigado pela colaboração, foi de grande ajuda. 15/09/2015 às 16:32

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 .