How to open a new page by clicking on the table row?

Question

I created a page that displays database data in a table, generated through the plugin dataTables (Jquery). It works as follows: when the user clicks on the table row, it is redirected to an edit page.

The line of code that does this redirect is:

$("#tabela-estacoes td").click(function() {
    window.location = "editar-estacoes-trabalho.php?id=" + $(this).parent("tr").attr('identifier');
});

My question is this: how do I stop instead of redirecting the page, open this data in a new tab?

Answer 1

I do it this way:

  <button onclick="myFunction()">Abrir em outra aba</button>

  <script>
  function myFunction() {
    window.open('http://www.terra.com.br', '_newtab');
  }
  </script>

Answer 2

I’m not very good with Javascript but I usually use the following

<td onclick="location.href='$linkQueVcQuerCarregar'">CONTEUDO DA CELULAR</td>

It usually works as requested, but I’d still do a DRY function so it doesn’t get ugly, like this

$("#tabela-estacoes td").click(function() { window.open("editar-estacoes-trabalho.php?id=" + $(this).parent("tr").attr('identifier');", '_blank'); });

so would look beautiful and would be already applied to all <td> table #tabela-estacoes; I hope I’ve helped.

Answer 3

Try to do it this way:

$("#tabela-estacoes td").click(function() {
    var identifier = $(this).parent("tr").attr('identifier');
    var $form = $("<form></form>");
    $form.attr({
        action: "http://endereco/editar-estacoes-trabalho.php",
        target: 'blank'
    });

    $form.append('<input type="hidden" name="id" value="'+identifier+'">');

    $('body').append($form);
    $form.submit().remove();
});