Click on a link and print the landing page as soon as it opens

Question

I’m using self.print() to call print and this opens the option to print the page I am on. However, I would like that before calling the impression could go to another page through the href... All this by clicking the word "Print out".
That’s possible?

My 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>

Answer 1

You can test like this:

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
});

Interestingly I can’t simulate this in jsFiddle or jsBin. But I made a page locally and it worked well.

Answer 2

When you click "Print" call a function that redirects to another page, on the other page in the load, call the print function.

On the page where you have the link with the text "Print" do this:

Javascript

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

HTML

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

On the other page do it:

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

The test I did using Location.href didn’t happen here, it didn’t open in a new tab, so I changed it. I don’t know how this JS structure of yours, this example is simple, just so you understand how it will work. That way when falling on the other page will automatically open the print window. Ai with css "media print" you configure what will be printed and such.