Ir para conteúdo

POWERED BY:

Arquivado

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

slva

Tabela

Por , em Javascript

Recommended Posts

slva    0

slva
Postado

Gostaria de saber como faço para expandir uma tabela sem precisar recarregar a página, ou seja se uma tabela tem 3 linhas, passá-la para 4 linhas.Gostaria de saber também se tem como substituir um valor de uma determinada célula da mesma forma, sem ter que dar um reload na tabela.Grato,SLVA

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gabbay    0

Gabbay
Postado

por sorte desenvolvi algo do tipo que você está procurando da uma olhada e modifique conforme a sua necessidade, pois é um exemplo.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>>> Adiciona linha na tabela <<</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body><script language="javascript">	var conta=2;	function adicionaLinha(){  var novaLinha = prodTab.insertRow(-1);  var novaCelula;  novaCelula = novaLinha.insertCell(0);  novaCelula.innerHTML = "<div align=\"right\">Peça:</div>";  novaCelula = novaLinha.insertCell(1);  novaCelula.innerHTML = "<input name=\"produto["+conta+"]\" type=\"text\" size=\"75\" maxlength=\"75\">";  novaCelula = novaLinha.insertCell(2);  novaCelula.innerHTML = "<div align=\"right\">valor:</div>";  novaCelula = novaLinha.insertCell(3);  novaCelula.innerHTML = "<input name=\"valorPeca["+conta+"]\" id=\"valorPeca"+conta+"\" type=\"text\" size=\"9\" maxlength=\"10\">";    conta++;	}</script><p> </p><table width="746" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" id="prodTab">  <tr>    <td width="46"><div align="right">Peça:</div></td>    <td width="415"><input name="produto[]" type="text" id="produto[]" size="75" maxlength="75"></td>    <td width="145"><div align="right">Valor:</div></td>    <td width="60"><input name="textfield" type="text" size="9" maxlength="10"></td>  </tr></table><table width="746" border="0" cellspacing="0" cellpadding="0">  <tr>    <td height="35"><div align="right">      <input type="submit" name="Submit" value="Submit" onClick="adicionaLinha()">    </div></td>  </tr></table><p> </p></body></html>

abraços,

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