Hotburn Postado Maio 12, 2006 Denunciar Share Postado Maio 12, 2006 Salve, Pessoal !!! B) Então.... estou tentando fazer um sistema que deve funcionar da seguinte forma.Por exemplo...Célula A1, Deve ter o nome do produto (deve ser fixa, sem a possibilidade de edição)Célula B1, Ficará o Valor do produto, que também, deve ser fixo.Célula C1, E nesta célula, estará vazio, para o internauta colocar a quantidade desejada.Célula D1, Ficará o calculo feito, com a multiplicação das células.(C1*B1).Então, pessoal.... tem como ajudar ???Obrigadão !!!Abraços ! ;) Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Tenko Postado Maio 12, 2006 Denunciar Share Postado Maio 12, 2006 Espero que te ajude<html> <head> <title>Form soma</title> <script> var bola="21.00"; var boliche="50.00"; </script> <script> function soma(){ var qt = parseInt(document.f1.qtd.value); var total = qt * bola; document.f1.total.value = total+",00"; } </script> <style type="text/css"> BODY { scrollbar-arrow-color:000000; scrollbar-track-color:f2f2f2; scrollbar-shadow-color:cccccc; scrollbar-face-color:ffffff; scrollbar-highlight-color:ffffff; scrollbar-darkshadow-color:000000; scrollbar-3dlight-color:e2e2e2; } .titulo1 {font-family :arial; font-size:13; color:darkred} .titulo {font-family :arial; font-size:18; color:darkred} .texto {font-family :arial; font-size:12; color:gray} .texto1 {font-family :arial; font-size:12; color:white} .codigo {font-family :arial; font-size:10; color:gray} .h, A.h:link, A.h:visited, A.h:hover {font-size: 12px;color: gray;font-face:arial;text-decoration: none} A.h:hover {color: red} .extra, A.extra:link, A.extra:visited, A.extra:hover {font-size: 12px;color: gray;font-face:arial;text-decoration: none} A.extra:hover {color: black} .box { border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; font-family:arial; font-size:12px; color: gray; background-color:ffffff; } navegacao{font-family :arial; font-size:12; color:white; text-decoration:none} a:hover{font-family :arial; font-size:12; color:red;text-decoration:none} a:link{font-family :arial; font-size:12; color:gray;text-decoration:none} a:vlink{font-family :arial; font-size:12; color:gold;text-decoration:none} a:visited{font-family :arial; font-size:12; color:green;text-decoration:none} </style> </head> <body> <form enctype="application/x-www-form-urlencoded" name="f1"> <table border=1 class="box" bordercolor="darkblue" cellspacing=0 cellpaddin=2> <tr> <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Produto</b></tudo> <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Quantidade</b></tudo> <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Preço Unitário</b></tudo> <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Total</b></tudo> </tr> <tr> <tudo class="texto1" align="center" bgcolor="iceblue">Bola de Futebol</tudo> <tudo class="texto" align="center" bgcolor="iceblue"><input type="text" size="5" maxlength="5" class="box" name="qtd"></tudo> <tudo class="texto1" align="center" bgcolor="iceblue"><b><script>document.write(bola);</script></b></tudo> <tudo class="texto1" align="center" bgcolor="iceblue"><input type="text" size="6" maxlength="6" class="box" name="total"></tudo> </tr> <tr> <tudo class="texto" align="center" colspan=4 bgcolor="iceblue"><input type="button" value=" Calcular " class="box" name="Calcular" onClick="soma();"></tudo> </tr> </form> </body> </html> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Hotburn Postado Maio 19, 2006 Autor Denunciar Share Postado Maio 19, 2006 Espero que te ajude<html> <head> <title>Form soma</title> <script> var bola="21.00"; var boliche="50.00"; </script> <script> function soma(){ var qt = parseInt(document.f1.qtd.value); var total = qt * bola; document.f1.total.value = total+",00"; } </script> <style type="text/css"> BODY { scrollbar-arrow-color:000000; scrollbar-track-color:f2f2f2; scrollbar-shadow-color:cccccc; scrollbar-face-color:ffffff; scrollbar-highlight-color:ffffff; scrollbar-darkshadow-color:000000; scrollbar-3dlight-color:e2e2e2; } .titulo1 {font-family :arial; font-size:13; color:darkred} .titulo {font-family :arial; font-size:18; color:darkred} .texto {font-family :arial; font-size:12; color:gray} .texto1 {font-family :arial; font-size:12; color:white} .codigo {font-family :arial; font-size:10; color:gray} .h, A.h:link, A.h:visited, A.h:hover {font-size: 12px;color: gray;font-face:arial;text-decoration: none} A.h:hover {color: red} .extra, A.extra:link, A.extra:visited, A.extra:hover {font-size: 12px;color: gray;font-face:arial;text-decoration: none} A.extra:hover {color: black} .box { border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; font-family:arial; font-size:12px; color: gray; background-color:ffffff; } navegacao{font-family :arial; font-size:12; color:white; text-decoration:none} a:hover{font-family :arial; font-size:12; color:red;text-decoration:none} a:link{font-family :arial; font-size:12; color:gray;text-decoration:none} a:vlink{font-family :arial; font-size:12; color:gold;text-decoration:none} a:visited{font-family :arial; font-size:12; color:green;text-decoration:none} </style> </head> <body> <form enctype="application/x-www-form-urlencoded" name="f1"> <table border=1 class="box" bordercolor="darkblue" cellspacing=0 cellpaddin=2> <tr> <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Produto</b></tudo> <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Quantidade</b></tudo> <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Preço Unitário</b></tudo> <tudo class="texto1" width="12%" align="center" background="azul.gif"><b>Total</b></tudo> </tr> <tr> <tudo class="texto1" align="center" bgcolor="iceblue">Bola de Futebol</tudo> <tudo class="texto" align="center" bgcolor="iceblue"><input type="text" size="5" maxlength="5" class="box" name="qtd"></tudo> <tudo class="texto1" align="center" bgcolor="iceblue"><b><script>document.write(bola);</script></b></tudo> <tudo class="texto1" align="center" bgcolor="iceblue"><input type="text" size="6" maxlength="6" class="box" name="total"></tudo> </tr> <tr> <tudo class="texto" align="center" colspan=4 bgcolor="iceblue"><input type="button" value=" Calcular " class="box" name="Calcular" onClick="soma();"></tudo> </tr> </form> </body> </html>valeu, e tipo, está um pouco complexo de entender...Como ficaria se eu colocasse na horizontal, com pelo menos três itens ?Obrigadu Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 renan_doidera Postado Maio 20, 2006 Denunciar Share Postado Maio 20, 2006 Tenta entender como o Javascript e o HTML funcionam para que você possa fazer exatametne o que quer... dá uma olhada nesse código e tenta visualizar como são criadas as referências de campos inseridos dentro de formulários, e como você faz para pegar seus valores em uma função, aprendendo isso você vai poder fazer várias manipulações com campos diferentes. <html> <body> <h3>Multiplicação:</h3> <Form name="formulario"> <p> <input type="text" name="Valor1" cols="20" size="20"> X <input type="text" name="Valor2" size="20"> = <input type="text" name="Resultado" size="20" value=" "></p> <p> <input type="button" value="Calcular!" name="button" onclick="java script:resolve()"> </p> </form> <script> function resolve() { Valor_1 = document.formulario.Valor1.value; Valor_2 = document.formulario.Valor2.value; document.formulario.Resultado.value = eval( parseInt(Valor_1) * parseInt(Valor_2) ); } </script> <p align="center"> </p> </body> </html> Até. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Hotburn
Salve, Pessoal !!! B)
Então.... estou tentando fazer um sistema que deve funcionar da seguinte forma.
Por exemplo...
Célula A1, Deve ter o nome do produto (deve ser fixa, sem a possibilidade de edição)
Célula B1, Ficará o Valor do produto, que também, deve ser fixo.
Célula C1, E nesta célula, estará vazio, para o internauta colocar a quantidade desejada.
Célula D1, Ficará o calculo feito, com a multiplicação das células.(C1*B1).
Então, pessoal.... tem como ajudar ???
Obrigadão !!!
Abraços ! ;)
Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.