Ir para conteúdo

Arquivado

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

danielswater

clicar em icone e copiar conteudo de uma <td>

Por , em Javascript

Recommended Posts

danielswater    0

danielswater
Postado

e ai pessoal e o seguinte

tenho uma tabela html que e preenchido por dados do banco e junto dela tem um icone de uma setinha

 

 

o que eu preciso fazer e que quando clicar na setinha, copia todos os dados para uma outra tabela que esta em outra div

 

alguem pode me dar o caminho das pedras?

 

valeu

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Segue, altere conforme necessita:

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("#clique").click(function(){
 
var valor = $("#tabela1 td:odd").text();
$("#tabela2 td:odd").text(valor);
 
 
 
});
});
</script>
</head>
 
<body>
<a href="#" id="clique">Clique</a><br /><br />
 
 
<table border="1" cellpadding="0" cellspacing="0" id="tabela1">
<tr>
<td>
1
</td>
<td>
ISSO É UM CONTEÚDO
</td>
</tr>
</table>
 
 
<br /><br />
 
 
<table border="1" cellpadding="0" cellspacing="0" id="tabela2">
<tr>
<td>
1
</td>
<td>
AQUI VAI RECEBER CONTEÚDO
</td>
</tr>
</table>
</table>
 
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

danielswater    0

danielswater
Postado

n e bem isso, acho que expliquei errado

 

imagine assim uma tabela vindo do banco

 

 

_____|__________________________|___________________________________

>>> VALOR 1 OUTRO VALOR

_____|__________________________|___________________________________
>>> VALOR 2 OUTRO VALOR

 

 

ai quando clicar na setinha, a outra tabela que esta vazia vai populando conforme os cliques entendeu?



com os mesmos valores dessa primeira

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Sim, eu entendi.

Porém você precisa tentar fazer.

 

O que eu fiz funciona perfeitamente.
Só que você precisa tentar pelo menos amigo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

danielswater    0

danielswater
Postado

to tentando cara, nao da, nao da alert n da nada :(

 

 

js

 

 

$("#clique").click(function(){
 
var valor = $("#tb1 td:odd").text();
//$("#tabela2 td:odd").text(valor);
alert(valor);
 
 
 
});

php

$i = 0;
	
	while ($linha = mysql_fetch_array($query)) {
		
	echo "<tr>";
	echo "<td><a href='#' id='clique'><i class=' icon-arrow-right'></i></a></td>";
	 echo "<td id='{$i}'>".$linha['it-codigo']."</td>";	
	  echo "<td id='{$i}' nowrap='nowrap'>".$linha['descricao-1']."</td>";	
	   echo "<td id='{$i}' nowrap='nowrap'>".$linha['grupo']."</td>";
	   echo "<td id='{$i}' nowrap='nowrap'>".$linha['fm']."</td>";
	   echo "<td id='{$i}' nowrap='nowrap'>".$linha['descricao']."</td>";
	 echo "</tr>";
	 $i++;
	 
	 }

o começo da table está antes do while com o id tb1



mais um detalhe, eu n posso substituri o conteudo, tenho que ir adicionando, no seu exemplo ele substitui



mais alguem?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Você esqueceu do function então ..
Esta incluindo o jQuery ?

 

 

$(function(){
$("#clique").click(function(){ 
alert('teste');
});
});


Obs: troque o ID clique por classe, ID não se repete,
Troque também na sua tabela.

 

 

$(".clique").click(function(){

Compartilhar este post

Link para o post
Compartilhar em outros sites

danielswater    0

danielswater
Postado

nao...ele ta la.................cara ta cruel isso......



da uma olhada aqui


http://www.interasys.net.br/greiner/admin.php?pg=tabela-produtos&id=8

 

se pedir login e senha e admin adimin

 

tipo......clica em so um checkbox da tabela Grupo de Estoque

vai aparecer uma lista com umas setinhas

 

eu preciso pegar o conteudo desse setinha que foi clicado e jogar na div de baixo, ta tabela de baixo, onde ta filtro

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Dei uma olhada pelo firebug, e a setinha esta assim:

 

 

<a id="10006063" onclick="teste(this.id)" href="#">


<i class=" icon-arrow-right"></i>


</a>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Entendi, porém a função lá em cima não chama teste.

 

Você que chama a função através da ID teste, deu para entender ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Tenta assim:

 

<a id="10006063"  href="#" class="teste">

 

e no jQuery:

 

$(".clique").click(function(){

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Ah cara, você vai ter que pensar então.
Código pronto não vou fazer e ninguém aqui vai fazer.
Eu te dei um exemplo, agora você precisar quebrar um pouco a cabeça.

Se programação fosse fácil não existiram google, livros e etc !



Obs: eu troquei, desculpe ..


Tente assim:

 

$(".teste").click(function(){

 

Ao invés de:

 

$(".clique").click(function(){

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