Ir para conteúdo

POWERED BY:

Arquivado

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

brcontainer

Como criar TRs(linhas) e TDs(colunas) com createlemente

Por , em Javascript

Recommended Posts

brcontainer    16

brcontainer
Postado

Criei esse código pra uma loja virtual

 

A pergunta é o seguinte quero cria uma tabela "<table><tr><td>"

pra dividir os produto só q naum consigo em linhas e o preço quantidade em colunas

 

Se eu jogo "<tr><td>" em innerHTML ele naum funciona

jah tentei fazer createElemet mas tbm num consegui alguem sabe como fazer isso tipo

só criar "<tr><td>" pra dividir os produtos...?

 

Please ajudem

 

<script>function AddCarrinho(Produto,Valor){	if(!document.getElementById(Produto)){	 var aba = document.getElementById('Carrinho');	 var div = document.createElement('div');	 div.setAttribute('id',Produto+'n');	 div.innerHTML = "Produto:"+Produto+", "+Valor+", qtd:<input type='text' value='1' size='2'><a href='java script:RemoveCarrinho(\""+Produto+"\",\""+Valor+"\");'>Remove</a>";	 aba.appendChild(div);	} else if (document.getElementById(Produto).value>=1){	 document.getElementById(Produto).value++;	}	 //Recalcular(Produto,Valor);}function RemoveCarrinho(Produto,Valor){var Qtd = document.getElementById(Produto).value;var aba = document.getElementById('Carrinho');var div = document.getElementById(Produto+'n');aba.removeChild(div);}</script><body><a href="java script:AddCarrinho('Bermuda','10.00','0.00');">Berma</a><br><a href="java script:AddCarrinho('Camisa','11.00','0.00');">camisa</a><br><a href="java script:AddCarrinho('calça','12.20','0.00');">calça</a><div id="Carrinho"></div>

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Ae a resposta

 

<script language="javascript">//By andreia_spfunction NovaLinha(){var table = document.createElement('table');var tr = document.createElement('tr');var td = document.createElement('td');var td2 = document.createElement('td');var td3 = document.createElement('td');var td4 = document.createElement('td');var td5 = document.createElement('td');var td6 = document.createElement('td');var texto = document.createTextNode('Produto');td.appendChild(texto);td2.innerHTML = "Nome"td3.innerHTML = "Qtde"td4.innerHTML = "Preço"td5.innerHTML = "Quantidade"td6.innerHTML = "Remover"tr.appendChild(td);tr.appendChild(td2);tr.appendChild(td3);tr.appendChild(td4);tr.appendChild(td5);tr.appendChild(td6);table.appendChild(table);document.getElementById('tabela').firstChild.appendChild(tr);}</script><input type="submit" onclick="NovaLinha()" value=" Criar "><br><br><table id="tabela" border="1"></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