Jump to content


Photo

Como Enviar Dados De Form Via Java Script?


  • Faça o login para participar
11 replies to this topic

#1 Sidrolan

Sidrolan

    Turista

  • Usuários
  • 45 posts
  • Sexo:Não informado

Posted 21/03/2008, 16:54

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 e está funcionando direitinho.
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>

Minha intenção é pegar os resultados obtidos e enviar para um endereço de email. depois de transforma-las em variávies de algum modo. Teria como fazer isso? Por <form> </form> não se consegue, pois o script pára de funcionar. Talvez por um link tipo "window open".

Agradeço a todos antecipadamente.

:)

Edição feita por: Sidrolan, 22/03/2008, 17:24.


#2 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 23/03/2008, 06:20

Para fazer esse envio, você precisa de uma linguagem que trabalhe no servidor. Com javascript ou html não é possível enviar, porém, é importante que esses campos estejam dentro de uma formulário <form> e </form>.
Com você está inserindo o formulário no seu código? Tente colocar o <form> antes de abrir a tabela e o </form> depois que fechar a tabela.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#3 Sidrolan

Sidrolan

    Turista

  • Usuários
  • 45 posts
  • Sexo:Não informado

Posted 24/03/2008, 00:48

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 e está funcionando direitinho.
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>
&lt;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>

Minha intenção é pegar os resultados obtidos e enviar para um endereço de email. depois de transforma-las em variávies de algum modo. Teria como fazer isso? Por <form> </form> não se consegue, pois o script pára de funcionar. Talvez por um link tipo "window open".

Agradeço a todos antecipadamente.

:)



Grato pela resposta,


Já tentei colocar um form, inclusive com uma sugestão de outro membro de outro fórum. O <form> </form> está fora de cogitação, pois não funciona junto com o script. Existe alguma maneira de capturar os resultados gerados e enviar por um simples link? Me passaram esta idéia que seria feita +/_ assim:

window.location.href = "enviar.php?acao=consv1&cod_id="+form.v1.value+"&form.v2.value..etc...

Tem como pegar os valores e transforma-las em variáveis e passa-las para outra página (PHP) e daí tentar trata-las para poder transmiti-las por email?

Grato mais uma vez...

Edição feita por: Sidrolan, 24/03/2008, 00:50.


#4 Nicholas Pufal

Nicholas Pufal

    Impossível: só existe até alguém duvidar e provar o contrário.

  • Usuários
  • 1655 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 24/03/2008, 09:00

Amigo,

vale ressaltar:

Você está trabalhando com elementos de formulário. Não tem porque reinventar a roda. Para quê complicar o que é simples? O caminho certo a ser seguido (neste caso) é você colocar dentro de um <form></form> e adaptar o código JS para funcionar corretamente, pois o mesmo (em função dos elementos do form estarem "soltos" pela página) pode ser escrito de melhor forma.

O código não funciona possivelmente porque não está seguindo a árvore da página.

Veja por exemplo:

val1=1.10*QT1.value

Ao colocar o código entre as tags de form (<form> e </form>) este trecho acima ficará assim:

val1=1.10*document.forms['nome__do_seu_form'].QT1.value

Siga o mesmo caminho para o restante,e o código deverá funcionar dentro de <form>. Apenas lembre-se de definir também o atributo name do form, e substituir no seu JS isto. Exemplo:

HTML
<form name="meu_form_querido">
blablabla....
</form>

JS
val1=1.10*document.forms['meu_form_querido'].QT1.value

Qualquer dúvida no processo, basta perguntar.

Abraços
BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.

#5 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 20/09/2017, 15:12

Comprare Priligy In Farmacia cialis How To Make Female Cialis Viagra Et Nitrate Kamagra Vendita In Francia Tinidazole Pills For Sale cialis Acheter Du Xenical En Ligne
Cialis 10 Tabletten cialis Stress Tea Amoxicillin And Gram Negative Cephalexin Mixed With Diclofenac Effects Il En Vente Libre Dans Les Pharmacies Belges generic cialis Propecia Resulta

#6 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 05/10/2017, 08:46

Cialis 10 Mg Daily viagra online pharmacy Triple S Paga Viagra Periactin Amazon Walking Pneumonia Zithromax
Cialis 20 Mg Commenti Proscar Without A Prescription How To Naturally Last Longer online pharmacy Stendra 100mg Where To Purchase Propecia Allattamento

#7 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 14/10/2017, 06:01

Buy Paxil Overnight Viagra Apotheke Aachen online pharmacy Buy Lamisil Tablets Over The Counter Cheap Canadian Hydrochlorothiazide
Cialis Similares generic viagra Viagra 200mg

#8 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 14/10/2017, 08:02

Precio Cialis Sin Receta Propecia Online Us Adderall viagra prescription Viagra Pas Cher Payement SСÐСâРÐЩcurisСÐСâРÐЩ

#9 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 31/10/2017, 11:56

Acquisto Viagra E Cialis brand cialis and levitra Canadian Pharmacy 24h Zithromax Moa Malegra
Vendita Levitra Generico viagra online Cpt Code Cephalexin Amoxicillin Use In Dogs
Levitra In Deutschland Kaufen generic viagra Generico De Priligy Lukol Viagra Ohne Rezept Serios

#10 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 21/11/2017, 09:21

Best Place To Buy Propecia Z Pack Antibiotic For Sale Cialis 10 Effetti vardenafil online pharmacy Viagra Femme Propecia Rezeptfrei Deutschland

#11 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 21/11/2017, 10:26

For Sale Free Shipping Generic Bentyl Tablets Cheapest Doxycycline 40 Mg viagra online Amoxicillin Cod buy accutane 20mg Comprar Cialis En Granada
Want to buy isotretinoin us free shipping cialis When Will Dapoxetine Sera Disponible? Cialis 5 Mg Costo
Comprar Viagra En Espana Sin Receta viagra Order Lasix Overnight Delivery Water Pills For Bloating Cialisextense

#12 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 21/11/2017, 12:13

Amoxicilina Penamox Best Website With Free Shipping cialis price Order Tiniclazole Online Usa
Kaufen Cialis viagra cialis Cialis Bestellen Zonder Recept In Nederland Dapoxetine 30 Mg Viagra Berichte
Buy Zithromax Online Us viagra Propecia Sildenafil
Levitra Generico Farmacia Achat Viagra Soft Priligy Ohne Rezept Bestellen viagra online Comprar Propecia Online Comprar Cialis En Valladolid Buy Cipro From India




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq