[html+javascript] Envoi de formulaire par mail

Envoi de formulaire par mail [html+javascript] - HTML/CSS - Programmation

Marsh Posté le 24-04-2008 à 16:08:14    

Bonjour
 
Alors avant toutes choses il est inutiles de me proposer des solutions en php car le site sera exclusivement en html pour cette version du a l'hebergeur. (je vous rassure un site en php est déjà réalisé)
 
Alors mon probleme c'est que je n'arrive pas a formater le texte a ma convenance
 
avec cette balise forme je n'arrive rien a rajouter dans le body
 

Code :
  1. <form method="post" id="formulaire_dynamique" action="javascript:mailpage();" name="inscription"  enctype="text/plain"  >


 
et avec celle ci (sans le enctype) Je n'arrive pas a insérer de retour chariot.
 

Code :
  1. <form method="post" id="formulaire_dynamique" action="javascript:mailpage();" name="inscription"   >


 
Mon but est d'avoir un mail de la forme  
 

Citation :

Merci de votre inscriptions vos données sont :  
 
Nom : GGbond
prenom : 575


 
Pour insérer des retour chariot j'ai essayé %0D%0A et \n mais rien n'y fait
Le javascript qui va avec (s'il n'y a pas de enctype)
 

Code :
  1. function mailpage()
  2.     {
  3. chaine_mail = "mailto:xxxxxxxx@free.fr?Subject=Inscription&Cc="+document.inscription.Mail.value+"&body=Vos coordonnées sont:";   
  4. chaine_mail +=  "&body=Nom  : "  + document.inscription.Nom.value ;
  5. chaine_mail += " Prenom : " + document.inscription.Prenom.value ;
  6. chaine_mail += " Adresse : "  + document.inscription.Adresse.value ;
  7. chaine_mail += " Code Postal : " + document.inscription.cp.value ;
  8. chaine_mail += " Ville : " + document.inscription.Ville.value ;
  9. chaine_mail += "Date de naissance : " + document.inscription.Datedenaissance.value ;
  10. chaine_mail += "Sexe : " +  document.inscription.Sexe.value ;
  11. chaine_mail += "E - Mail : " + document.inscription.Mail.value ;
  12. chaine_mail += "Prenom du conjoint : " + document.inscription.Prenom2.value ;
  13. chaine_mail += "Date de naissance du conjoint : "+ document.inscription.age2.value ;
  14. document.inscription.action=chaine_mail;
  15. document.inscription.submit(); 
  16. }



---------------
Feedback
Reply

Marsh Posté le 24-04-2008 à 16:08:14   

Reply

Marsh Posté le 25-04-2008 à 08:30:38    

pas de solution pour moi?


---------------
Feedback
Reply

Marsh Posté le 25-04-2008 à 10:14:33    

En théorie "%0D%0A" fonctionne correctement, mais cela dépend du logiciel de messagerie qui est derrière (sur outlook 2002, c'est OK).
Qu'utilises-tu ?
Peux-tu poster tout le code juste pour voir ?


---------------
Feedback : http://forum.hardware.fr/hfr/Achat [...] 2666_1.htm
Reply

Marsh Posté le 25-04-2008 à 10:32:08    

Bonjour,  
 
Alors le code complet :)
 
voici celui du formulaire
 

Code :
  1. <form method="post"  action="javascript:mailpaged()" name="inscriptiond"    >
  2. </form>
  3. <form method="post" id="formulaire_dynamique" action="javascript:mailpage();" name="inscription" enctype="text/plain"   >
  4.    <fieldset>
  5.        <legend>Vos coordonnées</legend><br/> <!-- Titre du fieldset -->
  6.    <div align="center">   <table border="0" summary="" width ="95%">
  7. <tr>
  8.  <td width="50%">       <label for="nom" >Nom :</label>
  9.        <input type="text" value="" size="40" maxlength="60" name="Nom" id="nom" tabindex="10" /><br /></td>
  10.  <td width="50%">       <label for="prenom" >Prénom :</label>
  11.        <input type="text" value="" name="Prenom" size="40" maxlength="60" id="prenom" tabindex="20" /><br /></td>
  12. </tr>
  13. <tr >
  14.  <td rowspan="2" width="50%">    <label for="adresse">Adresse :</label>
  15.        <textarea name="Adresse"  id="adresse" tabindex="21" rows="10" cols="50" tabindex="21"/></textarea></td>
  16.  <td width="50%">       <label for="cp">Code Postal :</label>
  17.        <input type="text" value="" name="cp" size="10" maxlength="10" id="cp" tabindex="22" /></td>
  18. </tr>
  19. <tr>
  20.  <td width="50%">       <label for="ville">Ville :</label>
  21.        <input type="text" value="" name="Ville" size="40" maxlength="60" id="ville" tabindex="23" /></td>
  22. </tr>
  23. <tr>
  24.  <td width="50%">       <label for="age">Date de Naissance :</label>
  25.        <input type="text" value="" name="Datedenaissance" size="10" maxlength="10" id="age" tabindex="30" /> (JJ/MM/AAAA)</td>
  26.  <td width="50%">    <label for="sexe">Sexe :</label>
  27.    <select name="Sexe" id="sexe" tabindex="60">
  28.         <option value="Masculin"  > Masculin</option>
  29.  <option value="Feminin"  > Feminin </option>
  30.     </select>
  31.    </td>
  32. </tr>
  33. <tr>
  34.  <td width="50%">    <label for="email">E-mail :</label>
  35.        <input type="text" name="Mail" value="" size="40" maxlength="60" id="email" tabindex="40" /></td>
  36.  <td width="50%">       <label for="email2">Confirmez E- mail :</label>
  37.        <input type="text" name="mail" size="40" maxlength="60" value="" id="email2" tabindex="50" /></td>
  38. </tr>
  39. </table></div>
  40. <br/></fieldset>
  41. <input type="submit" name="go" value="Envoyez" >
  42. </form>


 
la fonction javascript  
 

Code :
  1. <script language="javascript">    function mailpage()
  2.     {
  3. chaine_mail = "mailto:xxxxx@free.fr?Subject=Inscription &Cc="+document.inscription.Mail.value+"&body=Vos coordonnées sont:+ %0A%0D 2eme ligne ";   
  4. chaine_mail += "&body=";
  5. chaine_mail +=  "&body=NOM  : "  + document.inscription.Nom.value ;
  6. chaine_mail += " Prenom : " + document.inscription.Prenom.value ;
  7. chaine_mail += " Adresse : "  + document.inscription.Adresse.value ;
  8. chaine_mail += " Code Postal : " + document.inscription.cp.value ;
  9. chaine_mail += " Ville : " + document.inscription.Ville.value ;
  10. chaine_mail += "Date de naissance : " + document.inscription.Datedenaissance.value ;
  11. chaine_mail += "Sexe : " +  document.inscription.Sexe.value ;
  12. chaine_mail += "E - Mail : " + document.inscription.Mail.value ;
  13. document.inscription.action=chaine_mail;
  14. document.inscription.submit(); 
  15. }
  16. </script>


 
le mail que je reçoi sans le text plain en essayant de mettre des "%0D%0A" sans le enctype=text/plain
 

Citation :


 
Vos coordonnées sont:+ %0D%0A 2eme ligne NOM  :  Prenom :  Adresse :  Code Postal :  Ville : Date de naissance : Sexe : MasculinE - Mail : xxxxx@free.fr
 


 
avec le enctype=text/plain
 

Citation :


 
Nom=
Prenom=
Adresse=
cp=
Ville=
Datedenaissance=
Sexe=Masculin
Mail=
 


 
Merci de ta réponse
 
edit : j'utilise outlook express 6


Message édité par ggbond575 le 25-04-2008 à 10:37:28

---------------
Feedback
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed