AutoCompletar, Adicionar Remover e Editar Linhas de uma tabe
Ola sou novo em JavaScript e gostaria de realizar o seguinte procedimento.
Tenho esse codigo.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "url=[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/url]
<html xmlns="[url=[http://www.w3.org/1999/xhtml](http://www.w3.org/1999/xhtml)][http://www.w3.org/1999/xhtml](http://www.w3.org/1999/xhtml)">[/url]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function calcValor(){
var QUANTIDADE = parseFloat(document.getElementById("qty").value);
var VALOR = parseFloat(document.getElementById("preco").value);
var RESULTADO = parseFloat(QUANTIDADE * VALOR);
var TOTAL = parseFloat(RESULTADO);
document.getElementById("vTotal").value = 'R$ ' + TOTAL.toFixed(2);
}
</script>
<center><table width="200" border="0">
<tr>
<td>Quantidade</td>
<td>Preço</td>
<td>Valor Total</td>
</tr>
<tr>
<td><label for="qty"></label><input type="text" name="qty" id="qty" /></td>
<td><label for="preco"></label><input type="text" name="preco" id="preco" /></td>
<td><label for="vTotal"></label><input type="text" name="vTotal" id="vTotal" onblur="calcValor()" /></td>
<tr></tr>
<td><label for="vTotal"></label><input type="text" name="vTotal" id="vTotal" onblur="calcValor()" /></td>
</tr>
</table></center>
Gostaria que quando o usuário informar o numero, o próprio sistema já vai mostrando o resultado tanto na tabela Valor Total como em outro que esta embaixo que seria a somatória de tudo.
Gostaria também de colocar a função de adicionar, remover e editar linhas ( por teclado ou botão ) dentro da tabela para salvar em meu servidor.
E como faço para colocar um link para adicionar arquivos que já carregue em formato .ZIP ou .RAR.
Obrigado pela ajuda!
Discussão (0)
Carregando comentários...