5

Estou usando self.print() para chamar impressão e com isso abre a opção de imprimir a página que estou. Porém, gostaria que antes de chamar a impressão pudesse ir para uma outra página através do a href... Tudo isso ao clicar na palavrar "Imprimir".
Isso é possível?

O meu HTML

<tr>
    <td width="60"><a id="meulink" href="index.php?content=fones-uteis&action=update&id=<?=$uteis['id'];?>">Imprimir</a></td>
    <td width="60"><a href="index.php?content=fones-uteis&action=update&id=<?=$uteis['id'];?>">Editar</a></td>
    <td width="60"><a href="index.php?content=fones-uteis&action=delete&id=<?=$uteis['id'];?>" onclick="return confirmDelete();">Excluir</a></td>
</tr>
5
  • 1
    Se mudas de página o script pára de executar e o self.print() não vai ser corrido.
    – Sergio
    Commented 15/05/2015 às 18:53
  • 1
    E qual das duas páginas você quer imprimir?
    – bfavaretto
    Commented 15/05/2015 às 18:54
  • A página que "aparecerá" após o clique em "Imprimir". Commented 15/05/2015 às 18:55
  • Essa palavra imprimir está em que tipo de elemento? <button>, <a> ou outro?
    – Sergio
    Commented 15/05/2015 às 18:56
  • Está em um elemento <a>. Commented 15/05/2015 às 18:57

2 Respostas 2

3

Quando clicar em "Imprimir" chame uma função que redireciona para outra página, na outra página no load, chame a função de imprimir.

Na página onde tem o link com o texto "Imprimir" faça isso:

JavaScript

$('#id_imprimir').click(function(){   
   window.open('url da sua página aqui', '_blank');
});

HTML

<a href="#" id="id_imprimir">Imprimir</a>

Na outra página faça isso:

$(function(){
  window.print();
});

Não rolou aqui o teste que fiz usando o location.href, não abria em nova aba, por isso mudei. Não sei como esta sua estrutura JS, esse exemplo está simples, apenas para você entender como vai funcionar. Dessa forma ao cair na outra página automaticamente vai ser aberto a janela de impressão. Ai com css "media print" você configura o que vai ser impresso e tal.

1
  • 1
    Do modo como foi perguntado parece justamente que a duvida acontece pois ela não poderia mexer (acrescentar código) na página destino que seria impressa. Mas já que foi marcada como resposta correta... apenas lembrando que com esse window.print a pagina será impressa sempre que for acessada, independente se veio do botão imprimir ou não. Commented 15/05/2015 às 20:17
3

Podes testar assim:

var el = document.querySelector('a#meulink');
el.addEventListener('click', function(e){
    e.preventDefault();      // impedir que o link seja seguido imediatamente
    var href = this.href;    // colocar em cache o url
    self.print();            // imprimir
    window.location.href = href;  // ir para nova página
});

Curiosamente não consigo simular isto no jsFiddle ou jsBin. Mas fiz uma página localmente e funcionou bem.

8
  • Tentei esse função e me cheuei a um loop infinito. Agora coloquei meu código na pergunta. Commented 15/05/2015 às 19:26
  • @FernandaFerreira em que browser?
    – Sergio
    Commented 15/05/2015 às 19:27
  • Estou usando o Chrome. Commented 15/05/2015 às 19:28
  • Eu tb, v42, funcionou para mim. Vou investigar mais...
    – Sergio
    Commented 15/05/2015 às 19:29
  • O código que usei está correto? Commented 15/05/2015 às 19:30

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 .