Ir para conteúdo

POWERED BY:

Arquivado

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

can

pegar conteudo da celula

Por , em Javascript

Recommended Posts

can    0

can
Postado

entao pessoal tenho uma duvida tentei fazer mais nao deu certo.

Queria saber como faco pra pegar o conteudo de uma celula da tabela eu seleciono a linha de qual quero pegar o conteudo e clico no botao pra exibir o valor da celula

 

ex:

 

<table>

<tr id="linha1">

<td>cluna1</td>

<td>coluna2</td>

</tr>

<tr id="linha2">

<td>cluna1</td>

<td>coluna2</td>

</tr>

</table>

 

se alguem puder dar uma forca,

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carutcho    0

Carutcho
Postado

você pode fazer assim

 

var linha = document.getElementById('iddalinha');
var colunas = linha.getElementsByTagName('td');

for (i=0;i<colunas.length;i++)
{
	 alert("conteudo da coluna"+i+" ->"+colunas[i].firstChild.nodeValue);
}

testa aee qualquer coisa só postar.

 

Absss

Compartilhar este post

Link para o post
Compartilhar em outros sites

can    0

can
Postado

fiz assim mas nao exibe nada...

 

 

<script>

 

var linha = document.getElementById("teste");

 

alert(linha);

var colunas = linha.getElementsByTagName('td');

 

for (i=0;i<colunas.length;i++)

{

alert("conteudo da coluna"+i+" ->"+colunas.firstChild.nodeValue);

}

 

 

</script>

 

 

 

 

 

 

 

 

<table border=\"2\">

 

<tr id="teste">

<td>teste</td>

 

<td>aa /></td>

</tr>

 

</table>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carutcho    0

Carutcho
Postado

Na verdade você tem q jogar dentro de uma função e um evento do seu HTML chamar essa função, aquele código q postei seria apenas o miolo da função..

 

To postando aqui um exemplo pra você ver.

 

absss

 

<html>
<head>
<script type="text/javascript">
function checkCols ()
{
	var linha = document.getElementById("teste");
	var colunas = linha.getElementsByTagName('td');
	
	for (i=0;i<colunas.length;i++)
	{
	alert("conteudo da coluna"+i+" ->"+colunas[i].firstChild.nodeValue);
	}
}
</script>
</head>

<body onLoad="checkCols();">
	<table border=\"2\">
		<tr id="teste">
			<td>teste</td>	
			<td>aa</td>
		</tr>
	</table>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

can    0

can
Postado

entao cara o que estou tentando fazer é o seguinte

Tenho uma tabela com os dados do lado dela tenho mais duas tabelas vazias, ai quando clicar na linha e clicar em uma das duas tabelas do lado ele copia o conteudo da linha que cliquei e copia para uma das tabelas do lado que cliquei

 

nao sei se conseguir explicar direto, mas é isso que tou tentando fazer, se tiver uma solucao

 

 

 

valeu http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carutcho    0

Carutcho
Postado

Sim sim, compreendi.

 

No caso pra fazer isso ae é um script mais elaborado, é uma coisa mt específica que vai dar um trabalhinho pra fazer.

 

O modo de copiar o conteúdo da linha é assim como te falei, você joga esses valores para dentro de um array, depois você tem q arrumar um jeito de descobrir na tabela onde você clicou qual é a linha e depois adicionar esses valores que você conseguiu recuperar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

can    0

can
Postado

fiz dessa forma pra pegar os check box selecionado queria saber se alguem tem um jeito melhor de fazer isso sem ter que passar a quantidade de checkbox no botao.

 

 

 

 

<script language="javascript">

 

 

function verificar( nome, quantidade ) {

 

var saida = "";

 

 

for ( i = 0; i < quantidade; i++ ) {

 

 

checkBox = document.getElementById( nome + ( i + 1 ) );

 

if ( checkBox.checked ) {

saida += "\n" + checkBox.value;

}

}

 

 

alert( saida );

}

 

</script>

 

<body>

<form id="form1" name="form1" method="post" action="">

<label>

<input name="item1" type="checkbox" id="item" value="1" />

Item 1</label>

<br />

<label>

<input name="item2" type="checkbox" id="item" value="2" />

Item 2</label>

<br />

<label>

<input name="item3" type="checkbox" id="item" value="3" />

Item 3</label>

<br />

<label>

<input name="item4" type="checkbox" id="item" value="4" />

Item 4</label>

<br />

<label>

<input name="item5" type="checkbox" id="item" value="5" />

Item 5</label>

<br />

<label>

<input name="item6" type="checkbox" id="item" value="6" />

Item 6</label>

<br />

<label>

<input name="item7" type="checkbox" id="item" value="7" />

Item 7</label>

<br />

<label>

<input name="item8" type="checkbox" id="item" value="8" />

Item 8</label>

<br />

<label>

<input name="item9" type="checkbox" id="item" value="9" />

Item 9</label>

<p>

<input type="submit" name="btn" id="btn" value="Verificar Checados" onclick="verificar( 'item', 9 )"/>

</p>

</form>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carutcho    0

Carutcho
Postado

Fala aee Can,

 

respondi uma dúvida sobre isso ontem mesmo,

 

da uma olhada nesse tópico aqui e ve te ajuda: http://forum.imasters.com.br/index.php?showtopic=314850

 

Se você quer pegar os itens que foram clicados, é só ao invés de você usar a variável qtd que usei la para ver quantos tem marcados, você pode cirar um array e ir adicionando os elementos dentro dele ou um array contendo os ids dos checks marcados.

 

abssss

Compartilhar este post

Link para o post
Compartilhar em outros sites

can    0

can
Postado

fiz esse troço aqui so nao to conseguindo fazer o seguinte

 

ele seleciona por exemplo dois checkbox ai ele clica no link para exibir o valor das linhas, que no caso mostraria o valor da linha 1 e 2.

 

do jeito que fiz ele so exibe uma linha se eu selecionar mais de um checkbox ai da pau

 

 

 

 

 

 

 

<html>

<head>

<title>Contagem Regressiva</title>

<script language=JavaScript>

 

function testando ()

{

 

 

var inputs = document.getElementsByTagName('input');

var dados = "";

var linha;

var colunas;

 

for (i=0;i<inputs.length;i++)

{

if (inputs.type=="checkbox" && inputs.checked==true && inputs.name=="selecao")

{

 

 

 

 

dados = inputs.value;

 

 

 

 

 

 

}

 

}

 

 

linha = document.getElementById(dados);

 

 

 

 

colunas = linha.getElementsByTagName('td');

 

for (i=0;i<colunas.length;i++)

{

alert("conteudo da coluna"+i+" ->"+colunas.firstChild.nodeValue);

}

 

}

</SCRIPT>

 

</head>

 

 

 

 

 

<a href="#" onClick="testando()"> clique </a>

 

 

 

 

<table border=\"2\">

<?

 

for($i=1;$i<=10;$i++){

 

?>

<tr id="<?=$i?>">

<td>teste<?=$i?></td>

<td>aa<?=$i?></td>

<td><input type="checkbox" name="selecao" value="<?=$i?>"></td>

</tr>

<?

 

}

?>

 

</table>

Compartilhar este post

Link para o post
Compartilhar em outros sites

can    0

can
Postado

entao fiz um esqueminha clico em um checkbox relaciona a linha e clico quem exibir ai ele mostra o conteudo da tr so que se eu selecionar mais de um checkbox ele so mostra o valor de uma linha e nao das duas linhas selecionadas

 

se pudar ajudar

 

 

<script language=JavaScript>

 

function testando ()

{

 

 

var inputs = document.getElementsByTagName('input');

 

var dados;

 

for (i=0;i<inputs.length;i++)

{

if (inputs.type=="checkbox" && inputs.checked==true && inputs.name=="selecao")

{

dados = inputs.value;

}

}

 

var linha = document.getElementById(dados);

var colunas = linha.getElementsByTagName('td');

 

for (i=0;i<colunas.length;i++)

{

alert("conteudo da coluna"+i+" ->"+colunas.firstChild.nodeValue);

}

 

}

</SCRIPT>

 

 

 

<a href="#" onClick="testando()"> clique </a>

 

<table border=\"2\">

 

<?

 

for($i=1;$i<=10;$i++){

 

?>

<tr id="<?=$i?>">

<td>teste<?=$i?></td>

<td>aa<?=$i?></td>

<td><input type="checkbox" name="selecao" value="<?=$i?>"></td>

</tr>

<?

 

}

?>

 

</table>

Compartilhar este post

Link para o post
Compartilhar em outros sites

can    0

can
Postado

fiz dessa forma depois de quebrar a cabeça nao sei se tem forma melhor pra fazer, na altura do campeonato to sem ideia

 

 

<html>

<head>

<title>Contagem Regressiva</title>

<script language=JavaScript>

 

function testando ()

{

 

 

var inputs = document.getElementsByTagName('input');

 

var dados = new Array();

 

for (i=0;i<inputs.length;i++)

{

if (inputs.type=="checkbox" && inputs.checked==true && inputs.name=="selecao")

{

dados = inputs.value;

}

}

 

for (i=0;i<dados.length;i++)

{

 

alert(dados);

 

var linha = document.getElementById(dados);

var colunas = linha.getElementsByTagName('td');

 

for (j=0;j<colunas.length;j++)

{

alert("conteudo da coluna"+j+" ->"+colunas[j].firstChild.nodeValue);

}

 

}

 

}

</SCRIPT>

 

</head>

 

<a href="#" onClick="testando()"> clique </a>

 

<table border=\"2\">

 

<?

 

for($i=1;$i<=10;$i++){

 

?>

<tr id="<?=$i?>">

<td>teste<?=$i?></td>

<td>aa<?=$i?></td>

<td><input type="checkbox" name="selecao" value="<?=$i?>"></td>

</tr>

<?

 

}

?>

 

</table>

Compartilhar este post

Link para o post
Compartilhar em outros sites

can    0

can
Postado

Eai entao to fazendo esso troço aqui so que uns dos problemas e o seguinte

 

1º - se eu selecionar linha 1 e 2 ele exibe o valor dessas duas linhas, se eu selecionar a linha 1,2 e 4 ele exibe certo o valor da linha 1 e 2 so que da erro na hora de exibir o da linha 4.

 

2º - quando seleciono uma linha da tabela ele cria outra tabela em baixo com os valor da linha selecionado, so que ta criando errado

 

se alguem puder ajudar

 

 

 

valeu

 

 

 

 

 

<html>

<head>

<title>Contagem Regressiva</title>

<script language=JavaScript>

 

function testando ()

{

 

 

var inputs = document.getElementsByTagName('input');

 

var dados = new Array();

 

for (i=0;i<inputs.length;i++)

{

if (inputs.type=="checkbox" && inputs.checked==true && inputs.name=="selecao")

{

dados = inputs.value;

}

}

alert(dados);

for (i=0;i<dados.length;i++)

{

 

alert(dados);

 

var linha = document.getElementById(dados);

var colunas = linha.getElementsByTagName('td');

 

for (j=0;j<colunas.length;j++)

{

 

alert(colunas.length+"===========================");

alert("conteudo da coluna"+j+" ->"+colunas[j].firstChild.nodeValue);

 

 

var xyz=document.getElementById('drop').insertRow(j);

 

 

 

var yqq=xyz.insertCell(0);

var zqq=xyz.insertCell(1);

var zqqa=xyz.insertCell(2);

 

yqq.innerHTML=colunas[j].firstChild.nodeValue;

zqq.innerHTML=colunas[j].firstChild.nodeValue;

zqqa.innerHTML=colunas[j].firstChild.nodeValue;

 

 

 

}

 

 

 

}

 

}

</SCRIPT>

 

</head>

 

<a href="#" onClick="testando()"> clique </a>

 

<table border=\"2\">

 

<?

 

for($i=1;$i<=10;$i++){

 

?>

<tr id="<?=$i?>">

<td>teste<?=$i?></td>

<td>aa<?=$i?></td>

<td><input type="checkbox" name="selecao" value="<?=$i?>"></td>

</tr>

<?

 

}

?>

 

</table>

 

 

<br>

<br>

 

 

 

<table id ="drop" border=\"2\">

<tr>

<td>Row1 cell1</td>

<td>Row1 cell2</td>

</tr>

</table>

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