Ir para conteúdo

POWERED BY:

Arquivado

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

opher

Adicionar linhas para calculo dinamicamente

Por , em Javascript

Recommended Posts

opher    0

opher
Postado

hey!Gostaria de criar um form, com 4 campos iniciais (quantidade , descricao, preço unitario e preço total) e uma texbox com o "preço total final".Na primeira fase, so tem uma linha, e um link em baixo a dizer "adicionar linha".quando um utilizador clica em "adicionar linha", outros 4 campos serão criados, e a textbox "preço total final" sera actualizado.essas linhas depois tambem irao ser adicionadas numa base de dados...mas para ja, gostaria de fazer a parte de javascript, para fazer as linhas dinâmicas de calculo... é possivel fazer isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

opher    0

opher
Postado

Fiz algo deste genero....

 

Mas agora como relaciono os campos? :unsure:

Por exemplo, na linha 1, queria que os 4 campos tivessem o nome: q1; a1; p1 e pt1... na segunda linha q2; a2; p2; pt2... e por ai em diante...

 

<html><head><title>exemplo1</title><script type="text/javascript"><!--var mainDivName = 'eventDates';function addEvent(){var ni = document.getElementById(mainDivName);var numi = document.getElementById('theValue');var num = (document.getElementById("theValue").value -1)+ 2;numi.value = num;var divIdName = "eventDate"+num+"Div";var newdiv = document.createElement('div');newdiv.setAttribute("id",divIdName);newdiv.innerHTML = "<table><tr><td></td><td width=80><input type=\"text\" name=\"q1\" size=\"7\"></td><td><input type=\"text\" name=\"a1\" size=\"7\"></td><td><input type=\"text\" name=\"p1\" size=\"7\"></td><td><input type=\"text\" name=\"pt1\" size=\"7\"></td></tr></table>Linha "+num+" adicionada! <a href=\"#\" onclick=\"removeEvent(\'"+divIdName+"\')\">Remover linha</a>";ni.appendChild(newdiv);}function removeEvent(divNum){var d = document.getElementById(mainDivName);var olddiv = document.getElementById(divNum);d.removeChild(olddiv);}//--></script></head><body><form>	<input type="hidden" value="0" id="theValue" />	<p><a href="java script:;" onClick="addEvent();">Adicionar Linhas</a></p>			<div id="eventDates"> </div></form></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

cmaoliveira    0

cmaoliveira
Postado 
newdiv.innerHTML = "<table><tr><td></td><td width=80><input type=\"text\" name=\"q"+num+"\" size=\"7\"></td><td><input type=\"text\" name=\"a"+num+"\" size=\"7\"></td><td><input type=\"text\" name=\"p"+num+"\" size=\"7\"></td><td><input type=\"text\" name=\"pt"+num+"\" size=\"7\"></td></tr></table>Linha "+num+" adicionada! <a href=\"#\" onclick=\"removeEvent(\'"+divIdName+"\')\">Remover linha</a>";

Compartilhar este post

Link para o post
Compartilhar em outros sites

opher    0

opher
Postado

:) é isso ! obrigado!!!! :rolleyes: agora so preciso de colocar esses valores numa tabela de dados usando php... a tabela terá as colunas:Id | n_linha | quantidade | artigo | preco_uni | preco_totem que o o valor do Id é o numero da "factura" (pois cada envio de form sera adicionado automaticamente) e o n_linha é o nº de linha correspondente ao codigo em cima... ficara por exemplo:1 | 1 | 2 | computador portatil | 1500 | 30001 | 2 | 1 | rato optico | 40 | 40e por ai em diante...alguem sabe como se fazer?

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