Ir para conteúdo
Fórum Script Brasil
  • 0

Enviar dados de formulário Java Script

Sidrolan

Perguntado por Sidrolan,

 Share

Pergunta

Sidrolan

Sidrolan

Postado
Postado (editado)

Prezados Participantes do Fórum,

Possuo um formulário que calcula diversos valores de produtos e mostra o resultado de acordo com os valores e as quantidades.

Até aí tudo bem.. Só que eu quero que estes dados sejam enviados para meu email. Eu tento colocar um form para envio dos campos do formulário porém, o código deixa de funcionar e aparece erro na barra de status. Existe uma forma de enviar os resultados gerados nos campos deste formulário, seja por form ou mesmo uma janela pop ou por um link simples? Gostaria de uma orientação.

Eis o código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>

<title>&lt;&lt;&lt;&lt;&lt;&lt;&lt; Calcular Pedido &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;</title>
<script language="JAVASCRIPT">
<!--
function calcula(){
val1=1.10*QT1.value
val2=0.45*QT2.value
val3=2.33*QT3.value
val4=5.20*QT4.value
val5=0.71*QT5.value
ST1.value=forma(val1)
ST2.value=forma(val2)
ST3.value=forma(val3)
ST4.value=forma(val4)
ST5.value=forma(val5)
total.value=forma(val1+val2+val3+val4+val5)
}
function forma(num){
reais=Math.floor(num)
cents=Math.round((num-reais)*100)
texto=reais+"."
if(cents<10){
texto=texto+"0"
}
texto=texto+cents
return texto
} 

// Funcao para Limpar os Campos
function Limpar()
{
QT1.value = ""
QT2.value = ""
QT3.value = ""
QT4.value = ""
QT5.value = ""
ST1.value = ""
ST2.value = ""
ST3.value = ""
ST4.value = ""
ST5.value = ""
total.value = ""
}




//-->
</script>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>

<p>&nbsp;</p>

<table border="2" width="100%" bgcolor="#C0C0C0" bordercolor="#000080">
  <tr>
    <td width="100%" colspan="4"><p align="center"><big><big><big><strong>SUPERMERCADO TESTE</strong></big></big></big></td>
  </tr>
  <tr>
    <td width="25%"><font color="#FF0000"><big><strong>PRODUTO</strong></big></font></td>
    <td width="25%"><font color="#FF0000"><big><strong>PREÇO</strong></big></font></td>
    <td width="25%"><font color="#FF0000"><big><strong>QUANTIDADE</strong></big></font></td>
    <td width="25%"><font color="#FF0000"><big><strong>SUB-TOTAL</strong></big></font></td>
  </tr>
  <tr>
    <td width="25%"><strong>Guarana 2litros</strong></td>
    <td width="25%"><strong>R$ 1,10</strong></td>
    <td width="25%" align="right"><select name="QT1" size="1">
      <option value="00">00</option>
      <option value="01">01</option>
      <option value="02">02</option>
      <option value="03">03</option>
      <option value="04">04</option>
      <option value="05">05</option>
      <option value="06">06</option>
      <option value="07">07</option>
      <option value="08">08</option>
      <option value="09">09</option>
      <option value="10">10</option>
    </select></td>
    <td width="25%"><strong><input type="text" name="ST1" size="20"></strong></td>
  </tr>
  <tr>
    <td width="25%"><strong>Sabão em Pó</strong></td>
    <td width="25%"><strong>R$ 0,45</strong></td>
    <td width="25%" align="right"><select name="QT2" size="1">
      <option value="00">00</option>
      <option value="01">01</option>
      <option value="02">02</option>
      <option value="03">03</option>
      <option value="04">04</option>
      <option value="05">05</option>
      <option value="06">06</option>
      <option value="07">07</option>
      <option value="08">08</option>
      <option value="09">09</option>
      <option value="10">10</option>
    </select></td>
    <td width="25%"><strong><input type="text" name="ST2" size="20"></strong></td>
  </tr>
  <tr>
    <td width="25%"><strong>Arroz</strong></td>
    <td width="25%"><strong>R$ 2,33</strong></td>
    <td width="25%" align="right"><select name="QT3" size="1">
      <option value="00">00</option>
      <option value="01">01</option>
      <option value="02">02</option>
      <option value="03">03</option>
      <option value="04">04</option>
      <option value="05">05</option>
      <option value="06">06</option>
      <option value="07">07</option>
      <option value="08">08</option>
      <option value="09">09</option>
      <option value="10">10</option>
    </select></td>
    <td width="25%"><strong><input type="text" name="ST3" size="20"></strong></td>
  </tr>
  <tr>
    <td width="25%"><strong>Sabonete</strong></td>
    <td width="25%"><strong>R$ 5,20</strong></td>
    <td width="25%" align="right"><select name="QT4" size="1">
      <option value="00">00</option>
      <option value="01">01</option>
      <option value="02">02</option>
      <option value="03">03</option>
      <option value="04">04</option>
      <option value="05">05</option>
      <option value="06">06</option>
      <option value="07">07</option>
      <option value="08">08</option>
      <option value="09">09</option>
      <option value="10">10</option>
    </select></td>
    <td width="25%"><strong><input type="text" name="ST4" size="20"></strong></td>
  </tr>
  <tr>
    <td width="25%"><strong>Vinho Tinto</strong></td>
    <td width="25%"><strong>R$ 0,71</strong></td>
    <td width="25%" align="right"><select name="QT5" size="1">
      <option value="00">00</option>
      <option value="01">01</option>
      <option value="02">02</option>
      <option value="03">03</option>
      <option value="04">04</option>
      <option value="05">05</option>
      <option value="06">06</option>
      <option value="07">07</option>
      <option value="08">08</option>
      <option value="09">09</option>
      <option value="10">10</option>
    </select></td>
    <td width="25%"><strong><input type="text" name="ST5" size="20"></strong></td>
  </tr>
  <tr>
    <td width="25%"><input type="button" value="Calcular Total" name="B1" onClick="calcula()">
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input name="button" type="button" class="inputesp"  onClick="java script: Limpar()" value="Limpar">
      &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; </td>
    <td width="25%">&nbsp;</td>
    <td width="25%" align="right">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
  <tr>
    <td width="25%"><strong>Total&nbsp; <input type="text" name="total" size="15"></strong></td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
    <td width="25%">&nbsp;</td>
  </tr>
</table>

<p>&nbsp;</p>
</body>
</html>

Agradeço a atenção de todos.

:)

Editado por Sidrolan
Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0
Sidrolan

Sidrolan

Postado
  • Autor
Postado

Obrigado por responderem....

Gostaria de ver se enviava por <form> </form>, mas isso faz o script parar de funcionar ou seja, quando clico em CALCULAR ou LIMPAR, a calculadora do JScript não funciona mais e aparece um aviso de erro na barra de status à esquerda, onde deveria aparecer "concluído". A idéia dos Cookies é interesante...tem como fazer o Jscript grava-las e depois recupera-las em uma página PHP? Poderia também ser enviado através de um simples link , onde seria enviado as informações de todos os campos via GET, tipo:

link.php?=dado1&dado2....etc..

Ficaria super agradecido para quem puder me dar uma solução para este problema.

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152.1k
    • Posts
      651.8k
×
×
  • Criar Novo...