Bom andei pegando alguns scripts em javascript pra clonar um form, mas acontece que quando clico pra clonar, a função de calculo entre inputs pára de funcionar.
Creio que seja pelo fato do form clonado fique com o mesmo nome do original, até tentei renomear os inputs de calculo, mas ai creio que de erro na hora de gravar no php/Mysql.
Alguém teria alguma ideia pra fazer funcionar esses cálculos?
Os inputs que preciso calcular seria vlr_prod * qtd
Segue o código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script type="text/javascript" src="../../jquery/jquery.min.js"></script> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> <script> <!-- function calcular(vlr_prod,qtd) { var vlr_prod = document.calcform.vlr_prod.value; var qtd = document.calcform.qtd.value; var res = parseFloat(vlr_prod) * parseFloat(qtd); total = res.toFixed(2); document.calcform.res.value = total; } //--> </script> </head> <body> <p> <script language="javascript"> <!-- var popup; function Abrir_JanelA(UrL){ popup = window.open(UrL, "Consulta", "width=1200px,height=600px"); } //--> </script> <script language="JavaScript"> <!-- $(function () { function removeCampo() { $(".removerCampo").unbind("click"); $(".removerCampo").bind("click", function () { i=0; $(".telefones p.campoTelefone").each(function () { i++; }); if (i>1) { $(this).parent().remove(); } }); } removeCampo(); $(".adicionarCampo").click(function () { novoCampo = $(".telefones p.campoTelefone:first").clone(); novoCampo.find("input").attr(""); novoCampo.insertAfter(".telefones p.campoTelefone:first"); removeCampo(); }); }); //--> </script> <a href="javascript:Abrir_JanelA('lista.php')">Pesquisar Peças</a> </p> <form name="calcform" method="post" action="" > <fieldset> <legend><span class="campoTelefone"><a href="#" class="adicionarCampo"> Adicionar Item </a></span></legend> <div class="telefones"> <p class="campoTelefone"> <input name="prod_id" type="text" id="prod_id" size="10" /> <input name="prod_desc" type="text" id="prod_desc" size="60" /> <input name="vlr_prod" type="text" id="vlr_prod" size="20" /> <input name="qtd" type="text" id="qtd" onBlur="calcular(document.calcform.value)" size="10"/> <input name="res" type="text" id="res" size="20" /> <a href="#" class="removerCampo">Remover Campo</a> <br /> </p> </div> </fieldset> </form> <div id="div"></div> </body> </html>
Desde já agradeço a colaboração, obrigado.