1

Estou tentando adaptar um código que deveria fazer o seguinte, ao clicar em uma célula de uma tabela acionar o link abrindo o arquivo em uma nova janela do navegador, o que tenho até o momento é isso, no tr da tabela um data-url que chama uma função. O código funciona, mas não abre em uma nova janela

Tabela com a chamada da função:

<tr data-url="<?php echo $DadosFichas->Url; ?>">
  <td><?php echo $DadosFichas->Nome; ?></td>
</tr>

Função chamada:

$(document).ready(function(){
    $('table tr').click(function(){
        window.location = $(this).data('url'), target = "_blank" ;
        return false;
    });
});
4
  • Por quê não utiliza o próprio elemento a do HTML com o atributo target="_blank"?
    – Woss
    21/06/2017 às 20:24
  • o que acontece? abre na mesma aba? não abre?
    – RFL
    21/06/2017 às 20:25
  • Hm testou: window.open(url, '_blank'); Mas também queria saber o mesmo que o @AndersonCarlosWoss
    – Aline
    21/06/2017 às 20:26
  • Olá, @AndersonCarlosWoss e Rafael Acioly, obrigado por perguntar, respondendo ao Anderson, preciso deixar disponível a opção de clicar em toda a célula e ao Rafael, a página abre mas na mesma aba. 21/06/2017 às 20:29

3 Respostas 3

2

CSS (não necessário)

.tdClicavel {
   cursor: hand;
}

Script

    $(document).ready(function() {

    $('#exemplo tr td').click(function() {
        var href = $(this).find("a").attr("href");
        if(href) {
            window.open(href,'_blank');
        }
    });

});

HTML

Tabela com id = exemplo

<table id="exemplo">

Célula clicável com classe = tdClicavel (não necessário), porém obrigatório colocar a tag a conforme exemplificado

<td class="tdClicavel" bgcolor="#CCCCCC">
 <a href="https://pt.stackoverflow.com/unanswered/tagged/?tab=newest"></a> 

 ..............................
 .............................
  .........................</td>

No seu caso a td deve ser assim:

<td class="tdClicavel"><a href="<?php echo $DadosFichas->Url; ?>"></a><?php echo $DadosFichas->Nome; ?></td>
5
  • Olá @Leo Caracciolo, no meu caso não tenho o href. 21/06/2017 às 21:35
  • me ensina essa mágica de clicar em algo sem url abrir uma janela.
    – user60252
    21/06/2017 às 21:39
  • Acho que expressei muito mal, estou usando data-url no seu caso está pegando o attr href. 21/06/2017 às 21:42
  • Obrigado @Leo Caracciolo, resolveu meu problema. 21/06/2017 às 21:47
  • editei a resposta colocando exemplo de como deve ser a td para seu caso
    – user60252
    21/06/2017 às 21:48
1

você pode usar a função window.open(), ficando da seguinte maneira;

$('td[data-url]').on('click', function(){
    var url = $(this).data('url');
    window.open(url, '_blank');
});
1

Coloque o data-url no td ai invés do tr:

<tr>
  <td data-url="<?php echo $DadosFichas->Url; ?>"><?php echo $DadosFichas->Nome; ?></td>
</tr>

Use o window.open no lugar do location e coloque a tag td na frente da tr:

$(document).ready(function() {
  $('table tr td').click(function() {
    window.open($(this).data('url'), '_blank');
    return false;
  });
});
8
  • Olá @Wendel Rodrigues, fiz o teste aqui e não deu certo, valeu. 21/06/2017 às 20:37
  • Alterei minha resposta, fiz uns testes aqui e funcionou. Dê uma olhada ai. 21/06/2017 às 21:00
  • Show, só preciso de mais uma dica, o que posso fazer quando tenho mais de uma url na mesma página? Acabe de perceber isso aqui. 21/06/2017 às 21:05
  • Não entendi muito bem sua pergunta. 21/06/2017 às 21:07
  • É que agora eu tenho menu com letras, tipo A B C que o usuário clica para chamar as fichas, para depois clicar na célula da tabela e abrir o arquivo em outra página. Só que agora se o usuário escolher uma letra está abrindo uma aba nova 21/06/2017 às 21:13

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 .