Ir para conteúdo

Arquivado

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

Rodrigo Borges

Inserir linha no Javascript

Por , em Javascript

Recommended Posts

Rodrigo Borges    0

Rodrigo Borges
Postado

Boa Tarde, Galera estou precisando de uma ajuda urgente.

 

Este código eu peguei da internet , é show de bola e funciona bem, mais quando ele adiciona a nova linha eu não consigo preencher essa linha, porque quero usar em uma tabela tipo de orçamento para a pessoa colocar quatos itens quiser.

 

Alguem pode me ajudar.

 

 

<html>
<head>
<title>Inserindo linhas em uma tabela com JavaScript</title>
<script language="javascript">
		// Função responsável por inserir linhas na tabela
		function inserirLinhaTabela() {

			// Captura a referência da tabela com id “minhaTabela”
			var table = document.getElementById("minhaTabela");
			// Captura a quantidade de linhas já existentes na tabela
			var numOfRows = table.rows.length;
			// Captura a quantidade de colunas da última linha da tabela
			var numOfCols = table.rows[numOfRows-1].cells.length;

			// Insere uma linha no fim da tabela.
			var newRow = table.insertRow(numOfRows);
 
			// Faz um loop para criar as colunas
			for (var j = 0; j < numOfCols; j++) {
				// Insere uma coluna na nova linha 
				newCell = newRow.insertCell(j);
				// Insere um conteúdo na coluna
				newCell.innerHTML = "Linha "+ numOfRows + " – Coluna "+ j;
			}

		} 
</script>
</head>
<body>
		<!-- Tabela simples contendo linhas e colunas -->
		<table id="minhaTabela" border="1">
			<tr>
				<td>
					Linha 0 - Coluna 0
				</td>
				<td>
					Linha 0 - Coluna 1
				</td>
			</tr>
			<tr>
				<td>
					Linha 1 - Coluna 0
				</td>
				<td>
					Linha 1 - Coluna 1
				</td>
			</tr>
		</table>
		<!-- Este botão quando acionado irá chamar a função responsável em inserir a linha na tabela -->
		<input type="button" value="Inserir Linha" onclick="inserirLinhaTabela()"  />
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Eliseu M.    2

Eliseu M.
Postado

Hmm, essa é a parte mais fácil. Você pode usar Javascript puro ou Ajax. Vou procurar...

 

// Edit

 

Olha uns tutos aí:

 

http://webtecker.com/2008/03/06/10-edit-in...e-ajax-scripts/

http://james.padolsey.com/javascript/find-...ith-javascript/

http://josephscott.org/code/javascript/jquery-edit-in-place/

http://snook.ca/archives/javascript/improving_edit/

 

Isso não vai muito trabalho, o problema é mandar pro banco de dados...

 

Até +!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rodrigo Borges    0

Rodrigo Borges
Postado

Show de bola cara valeu pela sua ajuda estou olhando os sites , são bem completos.

 

Mas assim não vou mandar para um banco de dados vou mandar para um e-mail eu tenho uma hospedagem que me da esse suporte, mais nao estou conseguindo fazer com que a linha quando adicionada o usuário escreva dentro dela.

 

 

Obrigado

 

Rodrigo Borges

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