FORMULAIRE DYNAMIQUE POUR ENVOI DE MAIL

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
B4LBU
Messages : 1
Enregistré le : 19 oct. 2021, 23:44

FORMULAIRE DYNAMIQUE POUR ENVOI DE MAIL

Message par B4LBU » 19 oct. 2021, 23:52

Bonjour,

Je suis désespéré (et débutant en JS, même si j’apprends sans cesse).

Je suis en train de faire un 'mailler' qui permet via 'mailto' d'ouvrir le gestionnaire de mail et de générer l'envoi d'un mail. A long terme et quand mon projet sera terminé, cela me permettra de gagner du temps au travail dans l'envoi des mails.

Le seul problème c'est que j'ai un champ dynamique à insérer et qu'il n'est pas pris en compte.
Le code que j'ai est en bas du sujet.

En vous remerciant d'avance !

B4LBU

___________________________________________________________________________________

Code : Tout sélectionner

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>AJOUT DE CHAMPS</title>
  </head>

  <!-- FORMULE POUR ENVOI DU MAIL -->
  <script language="javascript">
    function envoyer(formulaire) {
      window.location.href =
        "mailto:ADRESSEMAIL@MAIL.FR?subject=AJOUT DE CHAMP &body=Bonjour%0D%0D" +
        totalchampenplus +
        "";
    }
  </script>

  <body>
    <form name="formulaire" action="" method="post" enctype="text/plain">
      <div id="container">
        <button onclick="ajouterInput_text()">Ajouter un champ texte</button>
        <br />
      </div>

      <!-- AJOUT DU CHAMPS EN PLUS-->
      <script>
        var totalchampenplus = [];
        var id = 0;
        function ajouterInput_text() {
          id++;
          var container = document.getElementById("container");
          var input = document.createElement("input");
          input.setAttribute("type", "text");
          input.setAttribute("id", id);
          input.setAttribute("name", "champenplus");
          input.setAttribute("placeholder", "Champ n°" + id);
          container.appendChild(input);
          container.innerHTML += "<br>";
          totalchampenplus =
            totalchampenplus + ", " + document.getElementById(id).innerHTML;
        }
      </script>

      <br />
      <button
        type="submit"
        class="btn btn-outline-success"
        onclick="envoyer(this.form)"
      >
        ENVOYER
      </button>
    </form>
  </body>
</html>

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: FORMULAIRE DYNAMIQUE POUR ENVOI DE MAIL

Message par webmaster » 23 oct. 2021, 19:05

Bonjour,

Le champ est bien envoyé mais comme il s'appelle toujours "champenplus", seul le dernier est reçu
Il faut ajouter le compteur à name :
input.setAttribute("name", "champenplus"+id);
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Répondre