Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Wesley F Souza

Dar FadeOut numa tr da tabela ao clicar no link

Por , em Javascript

Recommended Posts

Bergs    53

Bergs
Postado

Aqui funcionou... você inverteu a última chave que fecha a função )}; é assim --> }); ou você esqueceu a função ready do jquery.

 

 

 

<!doctype html>
<html>
<title>teste</title>
<meta charset="utf-8"/>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){

      $(".apagar").click(function(){
      		$(".ltr").fadeOut(300);

      });

});
</script>

</head>
<body>

<a href="javascript:;" class="apagar">apagar</a>
<table>
<tr>
	<td>a</td>
	<td>b</td>
	<td>c</td>
</tr>
<tr>
	<td>a</td>
	<td>b</td>
	<td>c</td>
</tr>
<tr class="ltr">
	<td>a</td>
	<td>b</td>
	<td>c</td>
</tr>
</table>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fernando Neto MH    13

Fernando Neto MH
Postado

Iaê cara beleza?

Fiz um code básico que ele oculta só a tr que você clica olha só

<!doctype html>
<html>
<title>teste</title>
<meta charset="utf-8"/>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){

      $("table tr").click(function(){
               $(this).fadeOut(300);

      });

});
</script>

</head>
<body>

<table>
       <tr>
               <td>a</td>
               <td>b</td>
               <td>c</td>
       </tr>
       <tr>
               <td>a</td>
               <td>b</td>
               <td>c</td>
       </tr>
       <tr>
               <td>a</td>
               <td>b</td>
               <td>c</td>
       </tr>
</table>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wesley F Souza    1

Wesley F Souza
Postado

eu tentei assim também mas só da se eu clicar no primeiro item da tabela e depois nos demais :/ alguém ?


$(document).ready(function(){

	$("#ex").click(function(){

		$('tr.corpo').click('#ex',function(){

		$(this).fadeOut(400);

});
});
});

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wesley F Souza    1

Wesley F Souza
Postado

Cara o que é que você quer fazer?

Seja mais claro por favor para podermos te ajudar.

 

 

Tenho um link qe ao clicar quero que de fadeOut na linha da tabela do link q eu cliquei nada mais

Entendeu?

não quero que de fadeOut na tabela inteira só na linha q eu clicar no link

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

só lembrando que dando o fade na tag vai continuar lá e se você tiver adicionado conteúdo nela e tiver mandado logo após o fade esse conteúdo vai ser processado, não sei se esse é o seu caso... acho que você vai ter que remover de vez essa tr ou limpar o seu valor ao mandar o fade.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wesley F Souza    1

Wesley F Souza
Postado

só lembrando que dando o fade na tag vai continuar lá e se você tiver adicionado conteúdo nela e tiver mandado logo após o fade esse conteúdo vai ser processado, não sei se esse é o seu caso... acho que você vai ter que remover de vez essa tr ou limpar o seu valor ao mandar o fade.

Ahan seei disso, queria saber só como dar o fade em uma linha determinada da tabela, pq todas elas tem a classe CORPO então não sei como fazer :/

Queria que ao clicar no link, exemplo: Excluir ele de um fade na linha do link q cliquei.

Poderia me ajudar nisso?

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

a função closest() vai buscar o primeiro tr ascendente.

 


<!doctype html>
<html>
<title>teste</title>
<meta charset="utf-8"/>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script> 
<script type="text/javascript">
$(document).ready(function(){

      $(".apagar").click(function(){
      		$(this).closest('tr').fadeOut(); // linha ninja!

      });

});
</script>

</head>
<body>

<table>
<tr>
	<td>1</td>
	<td>1</td>
	<td>1</td>
	<td><a href="javascript:;" class="apagar">apagar</a></td>
</tr>
<tr>
	<td>2</td>
	<td>2</td>
	<td>2</td>
	<td><a href="javascript:;" class="apagar">apagar</a></td>
</tr>
<tr>
	<td>3</td>
	<td>3</td>
	<td>3</td>
	<td><a href="javascript:;" class="apagar">apagar</a></td>
</tr>
</table>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wesley F Souza    1

Wesley F Souza
Postado

a função closest() vai buscar o primeiro tr ascendente.

 

Assim como voc disse só pega o primeiro :/ um exemplo se eu for apagar a tr da 4ª linha não da :/ queria que eu clicasse em qualquer tr e ele apagasse nao importa se fosse a 1, 2, 10 ,23

Entendeu? espero q possa me ajudar :/

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

Assim como voc disse só pega o primeiro :/ um exemplo se eu for apagar a tr da 4ª linha não da :/ queria que eu clicasse em qualquer tr e ele apagasse nao importa se fosse a 1, 2, 10 ,23

Entendeu? espero q possa me ajudar :/

 

a função closest() vai buscar o primeiro tr ascendente.

 

Como assim só pega o do primeiro? viu a lógica do script? ele apaga quantos você tiver pode ter 1000 ele apaga o desejado. você está confundindo tudo. Quando clico para apagar a linha 10 vai ser ela e não a primeira. :wacko:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wesley F Souza    1

Wesley F Souza
Postado

a função closest() vai buscar o primeiro tr ascendente.

 

Como assim só pega o do primeiro? viu a lógica do script? ele apaga quantos você tiver pode ter 1000 ele apaga o desejado. você está confundindo tudo. Quando clico para apagar a linha 10 vai ser ela e não a primeira. wacko.gif

Então, eu testei aki mas só apaga se eu clicar na primeira :/ não sei o que está acontecendo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

o script tá funcionando pode ter certeza, esse último código que postei é diferente do primeiro se você juntou os dois num vai. só pode ter sido isso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wesley F Souza    1

Wesley F Souza
Postado

o script tá funcionando pode ter certeza, esse último código que postei é diferente do primeiro se você juntou os dois num vai. só pode ter sido isso.

 

Eu coloquei do jeito que voc fez mas mesmo assim, só apaga a primeira linha :/


$(document).ready(function(){

      $("#ex").click(function(){
               $(this).closest('tr').fadeOut(); // linha ninja!

      });

});

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bergs    53

Bergs
Postado

copia o ultimo codigo que postei cola em uma pagina em branco e testa. Depois depois você me diz se ta funcionando ou nao. Ai você ver onde você esta errando no seu codigo.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito