Ir para conteúdo

POWERED BY:

Arquivado

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

Andre Ricardo

Excluir linha da tabela

Por , em Javascript

Recommended Posts

Andre Ricardo    0

Andre Ricardo
Postado

Aqui eu tenho um problema para excluir a linha da tabela usando o botao "remover" criado dinamicamente.

ver codigo completo aqui:

<!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=iso-8859-1" /><title>Untitled Document</title></head><body><div><input type="button" onclick="inserir('2','Produto','2.50','5.00')" value="Incluir"/><input type="button" onclick="deleteMe();" value="Excluir"/><input type="button" value="Salvar"/></div><table id="tabela" cellspacing="10" >		<tr id="a" style="background-color:#999999; font-weight:bold;">		<td>QTDE</td><td>Produto</td><td>Valor Unit.</td><td>Valor Total</td><td>Excluir</td>		</tr></table><p>Total:<input type="text" id="totalpedido" value="0"/></p></body></html><script language="JavaScript" >total=0;function inserir(string1,string2,string3,string4) {  var tr = document.createElement('tr');   var td1 = document.createElement('td');  	var td2 = document.createElement('td');	 var td3 = document.createElement('td');	  var td4 = document.createElement('td');	  var td5 = document.createElement('td');		input = document.createElement('input');	 	input.setAttribute('value','Remover');		input.setAttribute('type','button');		input.setAttribute('onclick','deleteMe()');//Isso pode, se pode nao funciona pq				   var texto1 = document.createTextNode(string1);   var texto2 = document.createTextNode(string2);   var texto3 = document.createTextNode(string3);      var texto4 = document.createTextNode(string4);	  		   td1.appendChild(texto1);      td2.appendChild(texto2);   td3.appendChild(texto3);   td4.appendChild(texto4);   td5.appendChild(input);   tr.appendChild(td1);   tr.appendChild(td2);   tr.appendChild(td3);   tr.appendChild(td4);   tr.appendChild(td5);   document.getElementById('tabela').firstChild.appendChild(tr);    total = eval(total+"+"+string4);  document.getElementById('totalpedido').value=""+total;         };function deleteMe(){document.getElementById("tabela").deleteRow(1)total = eval(total+"-"+"5");  document.getElementById('totalpedido').value=""+total;};</script>

Bom, esse é o prob. Precisoo de uma resposta ou solução.

AH... aproveitando o grande prob ainda nao vai ser isso e sim com fazer para salvar isso e mandar pro banco de dados. Ora, pra eu mandar eu preciso de um form que precisará do atributo name q vai precisar dos elementos input.

Posso ate criar dinamicamente os elementos input .

Só q o php não vai enchergar os names q ainda nao foram criados.Qual a solução pra isso??

 

Espero q tenham entendido!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

recomendo q você entre em contato com o forum que seja de uma linguagem dinamica!!como jsp ou php!!acho melhor você aprender como salvar isso para depois ver como vai deletar a linha!!!

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