[resolvido] Colocar link (href) em linha de <table>

vc pode colocar um id na tr e capturar o evento do clique com jQuery, isso é uma ideia nunca tentei fazer, mas sei que com jQuery da pra vc adicionar evento de clique em qualquer tag html

tente algo tipo

<tr><a href><b>...trecos da linha...</a></b></tr>

Não lembro se negrito é b e nao sei se da pra fazer isso, mas vai que funfa.

Erick , vlw pela resposta.
Então, já tentei nao funcionou.

Danilo, boa ideia cara…
vou testar depois… vou ver um filme com minha noiva…
não vou conseguir dormir hoje sem testar antes.

e para colocar em negrito, teria ideia?
vlwww
abração

pra colocar em negrito, acho que vc poderia usar css

Dei uma pesquisada e achei isso:

<table>
 <tr onclick="location.href = 'http://www.site.com';" style="cursor: hand;">
  <td>Texto 1</td>
  <td>Texto 2</td>
 </tr>
</table>

então, só o click nao resolve…

preciso pegar um valor de uma das colunas tbem…
estou tentando emitar a parada do email…

vc clica na linha e ele abre o email referente a linha correto?

sobre o negrito, qro colocar os emails nao lidos em negrito (q nem todo email por ai faz)

ah… na construção da tabela eu nao tenho uma coluna com codigo…
esqueci desse detalhe O.o’

Retendo-se no que deve ser retido e aproveitando o javascript que já está sendo utilizado:

CSS (é muito importante estudar isso, não lance tudo nos elementos do html), colocando um efeito de hover no tr e uma mão em cima do link:

table#tableTrClick tr.trClick{background: #000; color: #fff; cursor: pointer;} table#tableTrClick tr.trClick:hover{background: green; color: #fff; font-weight: bold;}

a tabela como fica:

<table id="tableTrClick"> <thead>...</thead> <tbody> <tr class="trClick" rel="idDoEmail"><td>linha1</td></tr> <tr class="trClick" rel="idDoEmail"><td>linha2</td></tr> <tr class="trClick" rel="idDoEmail"><td>linha3</td></tr> </tbody> </table>

no jquery, o clique na linha:

$("tr.trClick").click(function(){ $this = $(this); //isso aqui é para não perder o foco do elemento $idDoEmail = $this.attr("rel"); //esse é o id do elemento que vai ser utilizado alert(idDoEmail); })

cara
não sei o que eu fiz de errado, mas não deu…

Modifiquei o style.css e colei o que vc falou…
aí na pagina da table fiz:

<table class="datatable" id="tableTrClick">
	<thead>
		<tr>
			<th class="column-action"></th>
			<th><fmt:message key="menu.item.mensagem.remetente" /></th>
			<th><fmt:message key="titulo" /></th>
			<th><fmt:message key="data" /></th>
		</tr>
	</thead>
	<tbody>
		<c:forEach items="${itens }" var="msg">

			<tr class="trClick" rel="${msg.codigo }">
//...

e:

<script type="text/javascript">
$("tr.trClick").click(function(){
	   $this = $(this); //isso aqui é para não perder o foco do elemento
	   $idDoEmail = $this.attr("rel"); //esse é o id do elemento que vai ser utilizado
	   alert(idDoEmail);   
	})
</script>

não deu certo

PS: inspecionei elemento com o firebug… esta certinho, o negocio do ID no rel…

opa… troquei o $ pelo var no idDoEmail e funcionou …
legall
obrigadoooo cara!

cara, como faço pro jquery executar o link…
na verdade é um get que ele tem que fazer…

<a class="view" id="clickedTr" href="<c:url value="/portalProfessor/mensagem/visualizar/${msg.codigo}" />"><fmt:message key="action.edit" /></a>

Preicso executar esse ahref com o idDoEmail que foi pegado no javascript…
pesquisei e encontrei:

document.getElementById('link').click();

porém preciso passar o id ali… como q faz galera?

Não entendi muito bem o que você quis dizer, você quer capturar o link e o id da tr e executar uma ação?

é pq eu havia criado um botãozin pra o cara clicar e executar um ahref… Fiz isso pq nao havia conseguido fazer o click na linha funcionar.
Graças a sua ajuda e do pessoal, isto foi possível agora.

Agora quero transferir o “a href” do clico do botão, para o click na linha.
vai abrir outra pagina que irá visualizar o email …

Se você tem os 2 valores, você já pode compor a sua href, caso não tenha, é só fazer um hack em cima do rel, coloca por exemplo:

rel=“idDoEmail,<c:url value=”/portalProfessor/mensagem/visualizar/${msg.codigo}" />"

e no seu código você quebra o rel:

<script type="text/javascript"> $("tr.trClick").click(function(){ $this = $(this); //isso aqui é para não perder o foco do elemento $idDoEmail = $this.attr("rel").split(",")[0]; //esse é o id do elemento que vai ser utilizado $url = $this.attr("rel").split(",")[1]; //esse é o id do elemento que vai ser utilizado alert($idDoEmail + " - " + $url); }) </script>

Não , não é isso…

Tipo assim,
o cara clica na linha e abre o email, correto?
preciso que abra o email…

depois que o cara executa eu preciso abrir o seguinte link:

"/portalProfessor/mensagem/visualizar/${msg.codigo}"

onde o ${msg.codigo} será o idDoEmail
Entendeu?

entendi, o problema é somente com javascript então:

<script type="text/javascript">    
   $("tr.trClick").click(function(){    
       $this = $(this);
       $idDoEmail = $this.attr("rel").split(",")[0];
       window.location = "/NomeDoTeuProjeto/portalProfessor/mensagem/visualizar/" + $idDoEmail; //aqui redireciona
    })    
</script>

funcionou

tudo blz… só o css q não…
vou quebrar a cabeça no motivo dele nao funcionar e logo posto aqui e [resolvo] o post…

muito obrigado cara. Ajudou muito.
100% uhdsauhds

abração

obrigado pela ajuda.
abraço