Soucis pour envoyer le formulaire sur Forum

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Dim 1 Mai 2022 - 15:30

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Opera
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 01 05 2022 Bouton envoyer
Lien du forum : https://pantheralife.forumactif.com

Description du problème

Bonjour ,

J'ai actuellement créer un Formulaire en HTML / CSS mais lorsque je veux envoyer le formulaire en réponse à un sujet celui ne fonctionne pas pourriez vous m'exlpiquer pourquoi et m'aider à régler ce soucis? merci par avance (le formulaire s'affiche bien à part ça) .

Comment relier le JS à L'HTML ?

Code:
<meta charset="UTF-8" />    <meta http-equiv="X-UA-Compatible" content="IE=edge" />    <meta name="viewport" content="width=device-width, initial-scale=1.0" />    <link rel="stylesheet" href="style.css" />    
<div class="Entete">
          <img id="ok" src="https://i.servimg.com/u/f51/20/42/35/83/sdis_p10.png" />        
 <h1>
 Compte Rendu De Sortie Secours
 </h1>
      
</div>
      
<div class="Formulaire">
          
 <form method="POST" action="https://pantheralife.forumactif.com/t3-compte-rendu-de-sortie-de-secours">
              
 <div class="FormName">
                 <label>Équipage</label>                <textarea rows="4" cols="30" placeholder="Chef D'agrès,Équipier 1,Conducteur"></textarea>            
 </div>
              
 <div class="FormGrade">
                 <label>Votre Grade</label>                <select name="Grade" id="Grade">
                    <option valure=""> Choisissez votre Grade
                    </option>
                    <option value="Colonel">Colonel</option>
                    <option value="Commandant">Commandant</option>
                    <option value="Capitaine">Capitaine</option>
                    <option value="Lieutenant">Lieutenant</option>
                    <option value="AdjudantChef">Adjudant-Chef</option>
                    <option value="Adjudant">Adjudant</option>
                    <option value="Sergentchef">Sergent-Chef</option>
                    <option value="Sergent">Sergent</option>
                    <option value="CaporalChef">Caporal-Chef</option>
                </select>            
 </div>
              
 <div class="FormDateJour">
                 <label>Lors de la journée du à : </label>                <input type="datetime-local" />            
 </div>
              
 <div class="FormNature">
                 <label>Nature de Sortie :</label>                
 <div class="check">
  <input type="checkbox" />                    <label for="SAP">SAP</label>                
 </div>
                  
 <div class="check">
 <input type="checkbox" />                    <label for="INC">INC</label>                
 </div>
                  
 <div class="check">
 <input type="checkbox" />                    <label for="Div">Div</label>                
 </div>
                  
 <div class="check">
 <input type="checkbox" />                    <label for="SPE">SPE</label>                
 </div>
              
 </div>
              
 <div class="InfoVictime">
                 <label>Info de la ou des Victimes</label>                <textarea rows="4" cols="30" placeholder="Écrivez ici"></textarea>            
 </div>
              
 <div class="Vhclengagee">
                 <label>Quel Véhicule était présent?</label>                
 <div class="check">
 <input type="checkbox" />                    <label for="vsav">VSAV</label> <input type="number" /> <label for="number">Nombre</label>                
 </div>
                  
 <div class="check">
 <input type="checkbox" />                    <label for="FPT">FPT</label> <input type="number" /> <label for="number">Nombre</label>                
 </div>
                  
 <div class="check">
 <input type="checkbox" />                    <label for="FSR">VSR</label> <input type="number" /> <label for="number">Nombre</label>                
 </div>
                  
 <div class="check">
 <input type="checkbox" />                    <label for="CDG">CDG</label> <input type="number" /> <label for="number">Nombre</label>                
 </div>
                  
 <div class="check">
  <label>Autre Précisez: </label>                <input type="textarea" />
 </div>
              
 </div>
              
 <div class="Description">
                 <label>Décrivez l'intervention</label>               <textarea rows="4" cols="40" placeholder="Écrivez ici"></textarea>            
 </div>
              
 <div class="Signature">
                 <label>Signez Grade+Nom+Prénom</label>                <input type="textarea" />            
 </div>
              
 <div class="Confirmation">
                 <input type="checkbox" />                <label for="confirmation">Je confirme avoir reçu la formation de chef d'agrès dans le cas contraire des sanctions me seront appliquées</label>            
 </div>
              <input type="button" value="Envoyez" class="Submitbutton" />      
 </form>
</div>
      <style>
body{
    margin: 0;
    padding: 0;
    background-color: cornflowerblue;
    }

    .Entete img
    {
    height: 250px;
    width: 250px;
    margin-left:44%;
    }

    .Entete h1{
        text-align: center;
    }

    .Formulaire
    {
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  
    }
    
.FormName{
    padding-top: 30px;
}

.FormName textarea
{
    display: flex;
    flex-direction: column;
}
.FormGrade
{
    padding-top: 30px;

}

.FormDateJour
{
    padding-top: 30px;
}
.FormNature
{
    display:flex;
    flex-direction: column;
    padding-top: 30px;
}

.check{
    display: flexbox;
    padding-top: 20px;
}

.InfoVictime{
    padding-top: 30px;
}

.InfoVictime textarea
{
    display: flex;
    flex-direction: column;
}


.Vhclengagee
{
    padding-top: 30px;
    display:flex;
    flex-direction: column;
}

.Description{
    padding-top: 30px

}

.Description textarea
{
    display: flex;
    flex-direction: column;
}
.Signature{
    padding-top: 30px;
}

.Confirmation{
    padding-top: 20px;
}

input{
    border-radius: 25px;
}

textarea{
    border-radius: 15px;
}

.Submitbutton
{
    margin-left: 200px;
    margin-top: 20px;
    height: 20px;
    width: 200px;
}
</style>
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Lun 2 Mai 2022 - 15:18

up
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par Chacha Dim 8 Mai 2022 - 9:51

Soucis pour envoyer le formulaire sur Forum UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 66828
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Dim 8 Mai 2022 - 22:25

Up
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par Chacha Sam 14 Mai 2022 - 9:42

Soucis pour envoyer le formulaire sur Forum UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 66828
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Sam 14 Mai 2022 - 12:36

up
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Sam 14 Mai 2022 - 12:37

s'il vous plaît
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par Lixyr Dim 15 Mai 2022 - 15:38

Bonjour,

Alors déjà pour commencer, un petit nettoyage du code est de rigueur. j'imagine que vous avez créé une page HTML dans les modules pour afficher le formulaire, ou bien est-ce que c'est mis en brut dans un sujet ?

Car voici le code :

Code:
<html>
  <head>
    <link rel="shortcut icon" type="image/x-icon" href="http://fr.seaicons.com/wp-content/uploads/2015/10/ufo-icon1.png" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Formulaire de témoignage</title>
    <style type="text/css">
      body {
      background-attachment: fixed;
      background-color: #cdd6eb;
      background-image: url("https://sd-1.archive-host.com/membres/images/4531626141043023/Centauri/wall_cent.jpg");
      background-size: 100% 100%;
      margin: 0;
      text-align: center;
      }
     
      .page_tem {
      background-color: #2b3852;
      border: 1px solid #252e42;
      color: #000000;
      font: 12px Verdana, serif;
      margin: 0 auto;
      padding: 25px 40px;
      width: 80%;
      }
     
      .case_1, .case_2, .case_3, .case_4, .case_5 {
      background-color: #717e9c;
      border: 2px solid #545a5e;
      margin: 10px 0;
      padding: 10px;
      text-align: left;
      }
     
      .hide {
      display: none;
      }
     
      .error {
      background-color: #ecb8be;
      border-color: red;
      box-shadow: 1px 1px 5px red;
      }
     
      input[type="text"], input[type="number"] {
      border: 2px solid #545a5e;
      }
     
      form li {
      margin: 7px 0;
      }
      form li li {
      margin-left: 50px;
      }
    </style>
  </head>
  <body>
    <div class="page_tem">
      <a href="" title="FORUM OVNIs et Êtres Vivants d'ailleurs">
        <img src="https://sd-1.archive-host.com/membres/up/4531626141043023/annuaire/Centauri/ban_cent.png" alt="FORUM OVNIs et Êtres Vivants d'ailleurs" />
      </a>
      <div class="intro_tem case_1" style="text-align: justify">
        <p>
          Bienvenue sur la page de rédaction de votre témoignage.
          Elle sert à le classer automatiquement dans le forum et apporte structure, simplicité, clarté aux lecteurs
          et au forum. À vous de choisir entre un récit libre ou de compléter un formulaire. Votre témoignage n’est
          destiné qu’à être publié sur ce forum. Pour témoigner, il faut :
        </p>
        <ul>
          <li>être inscrit et avoir fait une présentation au préalable ;</li>
          <li>vérifier que vous êtes bien connecté au forum avant de commencer sous peine de perdre vos informations :</li>
        <li>compléter correctement et au maximum les champs ;</li>
          <li>avoir renseigné une adresse e-mail valide dans votre profil.</li>
        </ul>
        <p>
          Certains éléments sont demandés pour une compréhension la meilleure possible du phénomène.
          Plus nous aurons de détails plus nous pourrons développer des similitudes dans le cadre, en lieu,
          en moment, concernant le témoin, ..., pour tenter d’établir une forme de logique de ces contacts.
          Il y en a une et c'est à nous tous de la trouver.<br />
          Merci de votre compréhension, l'équipe du Forum.
        </p>
        <p align="center">
          <button type="button" name="go_tem">Témoigner</button>
        </p>
      </div>

      <div class="prev_tem hide">
        <!-- image correspondant au type de rencontre -->
        <img src="" alt="" id="prev_illustration" />
        <!-- partie qui affichera le rendu physique du témoignage une fois rempli, et qui sera posté -->
        <!-- à afficher à la place du formulaire quand clique sur "prévisualiser" -->
        <ul>
          <li>
            <strong>Type de rencontre :</strong> <span id="trr"></span>
          </li>
          <li>
            <strong>Pseudo ou prénom :</strong> <span id="pseudo_m"></span>
          </li>
          <li>
            <strong>Âge :</strong> <span id="age_m"></span> ans
          </li>
        </ul>
        <ul class="if_choice_sh_1">
          <li>
            <span id="choice_sh_1"></span>
            N’hésitez pas à décrire si vous pensiez, ressentiez, voyiez quelque chose de particulier avant, pendant ou après le phénomène.Si plusieurs faits, veillez bien à les dater et localiser au possible. Tout élément même anodin,est précieux.
          </li>
        </ul>
        <ul class="if_choice_sh_2">
          <li>
            <strong>Type de rencontre :</strong> <span id="choice_sh_2"></span>
          </li>
        </ul>
      </div>
      <form class="form_tem" method="post" name="post" enctype="multipart/form-data" action="/post?f=6&mode=newtopic">
        <div class="case_2 hide">
          <input type="hidden" name="post_nb" /> <!-- partie du forum dans laquelle envoyer le formulaire -->
          <ul>
            <li>
              <strong>Pseudo ou prénom* :</strong>
              <input type="text" name="pseudo_m" class="mandatory" />
            </li>
            <li>
              <strong>Âge* :</strong>
              <input type="number" min="18" max="99" name="age_m" class="mandatory" /> ans
            </li>
            <li>
              <strong>Quelle type de rencontre ai-je eue ?*</strong> Cette étape classera votre témoignage dans la bonne rubrique du forum.
              <ul class="mandatory">
                <li>
                  <input type="radio" name="trr" value="rr1" />
                  <label>j’ai vu un ovni (ou plusieurs), quel qu'il soit, à moins de 150 mètres et il n’a pas interagit
                    avec l’environnement</label>
                </li>
                <li>
                  <input type="radio" name="trr" value="rr2a" />
                  <label>l'ovni a laissé des preuves matérielles, par exemple des interférences électromagnétiques,
                    des brûlures et/ou des paralysies corporelles, des traces au sol (atterrissage). Il a interagi avec
                    l’environnement ou avec moi.</label>
                </li>
                <li>
                  <input type="radio" name="trr" value="rr2b" />
                  <label>j’ai vu un ovni et des êtres vivants d’ailleurs, ou seulement ces êtres sans l’ovni.</label>
                </li>
                <li>
                  <input type="radio" name="trr" value="rr3" />
                  <label>j’ai été enlevé(e)/abducté(e) par des êtres vivants d’ailleurs, ou pense l’avoir été.</label>
                </li>
                <li>
                  <input type="radio" name="trr" value="rr4" />
                  <label>Autre : j’ai eu des expériences de temps manquant, de communication, des flashback, des visions, ...</label>
                </li>
              </ul>
            </li>
            <li>
              <strong>Je souhaite faire* :</strong>
              <ul class="mandatory">
                <li>
                  <input type="radio" name="type_form" value="choice_sh_1" /> <label>Un récit libre</label>
                </li>
                <li>
                  <input type="radio" name="type_form" value="choice_sh_2" /> <label>Compléter un formulaire</label>
                </li>
              </ul>
            </li>
          </ul>
          <p align="center">
            <button type="button" name="go_next">Continuer</button>
          </p>
        </div>
        <div class="case_3 hide">
          <textarea>rédigez votre récit</textarea>
          <p align="center">
            <button type="button" name="go_next">Continuer</button>
          </p>
        </div>
        <div class="case_4 hide">
          <strong>Village ou ville :</strong>
          <input type="text" name="lieu_m" /><br />
          <strong>Date : </strong>
          <input type="number" min="" max="" />
          <input type="number" min="" max="" />
          <input type="number" min="" max="" /><br />
          <strong>Heure /ou moment de la journée :</strong> <input type="text" name="heure_m" /><br />
          <strong>Météo :</strong> <input type="text" name="meteo_m" /><br />
          <strong>Nombre de témoins y compris vous : </strong> <input type="text" name="temoins_m" />
          <p align="center">
            <button type="button" name="go_next">Continuer</button>
          </p>
        </div>
        <div class="case_5 hide">
          <p>
            Je certifie sur l'honneur avoir lu les recommandations préalables au témoignage,
            l'exactitude des renseignements communiqués et l'authenticité des documents fournis.<br />
            <button>Valider</button>
          </p>
        </div>
      </form>
    </div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    <script type="text/javascript">
      function ShowOrHide( part, show ) {
         if (show == true) $( part ).removeClass("hide");
         else $( part ).addClass("hide");
      }
      $(function() {
         $.fn.tagName = function() {
            return this.get(0).tagName.toLowerCase();
         }
         var imgtyperr = [
            {choice: "rr1", img: "https://sd-1.archive-host.com/membres/images/4531626141043023/Centauri/rr1cent.png"},
          {choice: "rr2a", img: "https://sd-1.archive-host.com/membres/images/4531626141043023/Centauri/rr2acent.png"},
            {choice: "rr2b", img: "https://sd-1.archive-host.com/membres/images/4531626141043023/Centauri/rr2bcent.png"},
            {choice: "rr3", img: "https://sd-1.archive-host.com/membres/images/4531626141043023/Centauri/rr3cent.png"},
            {choice: "rr4", img: "https://sd-1.archive-host.com/membres/images/4531626141043023/Centauri/rr4cent.png"},
         ];
         function checkIfEmpty(form_case) {
            var error = 0;
            $.each( $(form_case).find('.mandatory') , function() {
         if ( $(this).tagName() == "ul") {
                  if ( $.type($(this).find($('input[type=radio][name=' + $(this).find('input[type="radio"]').attr('name') + ']:checked')).val()) === "undefined" ) {
                     $(this).addClass('error');
                     error += 1;
                  } else
                     $(this).removeClass('error');
                     
               } else {
                  if ( $(this).val() == "" ) {
                     $(this).addClass('error');
                     error += 1;
                  } else
                     $(this).removeClass('error');
               }
            });
            return error;
         }
         function getValues(case_) {
            var pseudo_m    = ( case_.find($('input[name="pseudo_m"]')).length ) ? $('input[name="pseudo_m"]').val() : "";
               var age_m    = ( case_.find($('input[name="age_m"]')).length ) ? $('input[name="age_m"]').val() : "";
            var trr    = ( case_.find( $('input[type="radio"][name="trr"]:checked')).length ) ? $('input[type="radio"][name="trr"]:checked').val() : "";
            var type_form    = ( case_.find( $('input[type="radio"][name="type_form"]:checked')).length ) ? $('input[type="radio"][name="type_form"]:checked').val() : "";

            var pseudo = $('input[name="pseudo_m"]').val();
            var pseudo = $('input[name="pseudo_m"]').val();
            var pseudo = $('input[name="pseudo_m"]').val();
            var pseudo = $('input[name="pseudo_m"]').val();
            var pseudo = $('input[name="pseudo_m"]').val();
            var pseudo = $('input[name="pseudo_m"]').val();
     
            return checkIfEmpty(case_);
      }
         $('button[name="go_tem"]').click(function() {
            ShowOrHide($('.case_1'), false);
            ShowOrHide($('.case_2'), true);
         });
         $('button[name="go_next"]').click(function( event ) {
            if (getValues( $(this).closest($('div[class*="case_"]')) ) != 0) event.preventDefault();
            else {
               ShowOrHide( $(this).closest($('div[class*="case_"]')) , false);
               ShowOrHide( $(this).closest($('div[class*="case_"]')).next(), true);
            }
         });
         $('button[type="submit"]').click(function() {
            var forumpost = "/post?f=" + 6 + "&mode=newtopic";
            return getValues($('.form_tem'));
         });
     
      });
     
    </script>
  </body>
</html>

Code non fonctionnel, il est juste nettoyé en attendant, car sachez qu'il manque toute la partie JavaScript censée récupérer les informations renseignées dans le formulaire. Sans ça, le code ne fonctionnera jamais.
Après, il faudrait aussi nous dire comment vous souhaitez que ces informations apparaissent une fois postées* (quelle mise en page).


Dernière édition par Lixyr le Dim 15 Mai 2022 - 18:49, édité 1 fois


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Soucis pour envoyer le formulaire sur Forum 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Soucis pour envoyer le formulaire sur Forum 3592387030 pour prévenir la modération.

Soucis pour envoyer le formulaire sur Forum Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6905
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Dim 15 Mai 2022 - 16:31

Lixyr a écrit:Bonjour,

Alors déjà pour commencer, un petit nettoyage du code est de rigueur. j'imagine que vous avez créé une page HTML dans les modules pour afficher le formulaire, ou bien est-ce que c'est mis en brut dans un sujet ?

Car voici le code :

Code:
<html>
  <head>
    <link rel="shortcut icon" type="image/x-icon" href="http://fr.seaicons.com/wp-content/uploads/2015/10/ufo-icon1.png" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Formulaire de témoignage</title>
    <style type="text/css">
      body {
      background-attachment: fixed;
      background-color: #cdd6eb;
      background-image: url("https://sd-1.archive-host.com/membres/images/4531626141043023/Centauri/wall_cent.jpg");
      background-size: 100% 100%;
      margin: 0;
      text-align: center;
      }
      
      .page_tem {
      background-color: #2b3852;
      border: 1px solid #252e42;
      color: #000000;
      font: 12px Verdana, serif;
      margin: 0 auto;
      padding: 25px 40px;
      width: 80%;
      }
      
      .case_1, .case_2, .case_3, .case_4, .case_5 {
      background-color: #717e9c;
      border: 2px solid #545a5e;
      margin: 10px 0;
      padding: 10px;
      text-align: left;
      }
      
      .hide {
      display: none;
      }
      
      .error {
      background-color: #ecb8be;
      border-color: red;
      box-shadow: 1px 1px 5px red;
      }
      
      input[type="text"], input[type="number"] {
      border: 2px solid #545a5e;
      }
      
      form li {
      margin: 7px 0;
      }
      form li li {
      margin-left: 50px;
      }
    </style>
  </head>
  <body>
    <div class="page_tem">
      <a href="" title="FORUM OVNIs et Êtres Vivants d'ailleurs">
        <img src="https://sd-1.archive-host.com/membres/up/4531626141043023/annuaire/Centauri/ban_cent.png" alt="FORUM OVNIs et Êtres Vivants d'ailleurs" />
      </a>
      <div class="intro_tem case_1" style="text-align: justify">
        <p>
          Bienvenue sur la page de rédaction de votre témoignage.
          Elle sert à le classer automatiquement dans le forum et apporte structure, simplicité, clarté aux lecteurs
          et au forum. À vous de choisir entre un récit libre ou de compléter un formulaire. Votre témoignage n’est
          destiné qu’à être publié sur ce forum. Pour témoigner, il faut :
        </p>
        <ul>
          <li>être inscrit et avoir fait une présentation au préalable ;</li>
          <li>vérifier que vous êtes bien connecté au forum avant de commencer sous peine de perdre vos informations :</li>
        <li>compléter correctement et au maximum les champs ;</li>
          <li>avoir renseigné une adresse e-mail valide dans votre profil.</li>
        </ul>
        <p>
          Certains éléments sont demandés pour une compréhension la meilleure possible du phénomène.
          Plus nous aurons de détails plus nous pourrons développer des similitudes dans le cadre, en lieu,
          en moment, concernant le témoin, ..., pour tenter d’établir une forme de logique de ces contacts.
          Il y en a une et c'est à nous tous de la trouver.<br />
          Merci de votre compréhension, l'équipe du Forum.
        </p>
        <p align="center">
          <button type="button" name="go_tem">Témoigner</button>
        </p>
      </div>

      <div class="prev_tem hide">
        <!-- image correspondant au type de rencontre -->
        <img src="" alt="" id="prev_illustration" />
        <!-- partie qui affichera le rendu physique du témoignage une fois rempli, et qui sera posté -->
        <!-- à afficher à la place du formulaire quand clique sur "prévisualiser" -->
        <ul>
          <li>
            <strong>Type de rencontre :</strong> <span id="trr"></span>
          </li>
          <li>
            <strong>Pseudo ou prénom :</strong> <span id="pseudo_m"></span>
          </li>
          <li>
            <strong>Âge :</strong> <span id="age_m"></span> ans
          </li>
        </ul>
        <ul class="if_choice_sh_1">
          <li>
            <span id="choice_sh_1"></span>
             N’hésitez pas à décrire si vous pensiez, ressentiez, voyiez quelque chose de particulier avant, pendant ou après le phénomène.Si plusieurs faits, veillez bien à les dater et localiser au possible. Tout élément même anodin,est précieux.
          </li>
        </ul>
        <ul class="if_choice_sh_2">
          <li>
            <strong>Type de rencontre :</strong> <span id="choice_sh_2"></span>
          </li>
        </ul>
      </div>
      <form class="form_tem" method="post" name="post" enctype="multipart/form-data" action="/post?f=6&mode=newtopic">
        <div class="case_2 hide">
          <input type="hidden" name="post_nb" /> <!-- partie du forum dans laquelle envoyer le formulaire -->
          <ul>
            <li>
              <strong>Pseudo ou prénom* :</strong>
              <input type="text" name="pseudo_m" class="mandatory" />
            </li>
            <li>
              <strong>Âge* :</strong>
              <input type="number" min="18" max="99" name="age_m" class="mandatory" /> ans
            </li>
            <li>
              <strong>Quelle type de rencontre ai-je eue ?*</strong> Cette étape classera votre témoignage dans la bonne rubrique du forum.
              <ul class="mandatory">
                <li>
                  <input type="radio" name="trr" value="rr1" />
                  <label>j’ai vu un ovni (ou plusieurs), quel qu'il soit, à moins de 150 mètres et il n’a pas interagit
                    avec l’environnement</label>
                </li>
                <li>
                  <input type="radio" name="trr" value="rr2a" />
                  <label>l'ovni a laissé des preuves matérielles, par exemple des interférences électromagnétiques,
                    des brûlures et/ou des paralysies corporelles, des traces au sol (atterrissage). Il a interagi avec
                    l’environnement ou avec moi.</label>
                </li>
                <li>
                  <input type="radio" name="trr" value="rr2b" />
                  <label>j’ai vu un ovni et des êtres vivants d’ailleurs, ou seulement ces êtres sans l’ovni.</label>
                </li>
                <li>
                  <input type="radio" name="trr" value="rr3" />
                  <label>j’ai été enlevé(e)/abducté(e) par des êtres vivants d’ailleurs, ou pense l’avoir été.</label>
                </li>
                <li>
                  <input type="radio" name="trr" value="rr4" />
                  <label>Autre : j’ai eu des expériences de temps manquant, de communication, des flashback, des visions, ...</label>
                </li>
              </ul>
            </li>
            <li>
              <strong>Je souhaite faire* :</strong>
              <ul class="mandatory">
                <li>
                  <input type="radio" name="type_form" value="choice_sh_1" /> <label>Un récit libre</label>
                </li>
                <li>
                  <input type="radio" name="type_form" value="choice_sh_2" /> <label>Compléter un formulaire</label>
                </li>
              </ul>
            </li>
          </ul>
          <p align="center">
            <button type="button" name="go_next">Continuer</button>
          </p>
        </div>
        <div class="case_3 hide">
          <textarea>rédigez votre récit</textarea>
          <p align="center">
            <button type="button" name="go_next">Continuer</button>
          </p>
        </div>
        <div class="case_4 hide">
          <strong>Village ou ville :</strong>
          <input type="text" name="lieu_m" /><br />
          <strong>Date : </strong>
          <input type="number" min="" max="" />
          <input type="number" min="" max="" />
          <input type="number" min="" max="" /><br />
          <strong>Heure /ou moment de la journée :</strong> <input type="text" name="heure_m" /><br />
          <strong>Météo :</strong> <input type="text" name="meteo_m" /><br />
          <strong>Nombre de témoins y compris vous : </strong> <input type="text" name="temoins_m" />
          <p align="center">
            <button type="button" name="go_next">Continuer</button>
          </p>
        </div>
        <div class="case_5 hide">
          <p>
            Je certifie sur l'honneur avoir lu les recommandations préalables au témoignage,
            l'exactitude des renseignements communiqués et l'authenticité des documents fournis.<br />
            <button>Valider</button>
          </p>
        </div>
      </form>
    </div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    <script type="text/javascript">
      function ShowOrHide( part, show ) {
       if (show == true) $( part ).removeClass("hide");
       else $( part ).addClass("hide");
      }
      $(function() {
       $.fn.tagName = function() {
       return this.get(0).tagName.toLowerCase();
       }
       var imgtyperr = [
       {choice: "rr1", img: "https://sd-1.archive-host.com/membres/images/4531626141043023/Centauri/rr1cent.png"},
     {choice: "rr2a", img: "https://sd-1.archive-host.com/membres/images/4531626141043023/Centauri/rr2acent.png"},
       {choice: "rr2b", img: "https://sd-1.archive-host.com/membres/images/4531626141043023/Centauri/rr2bcent.png"},
       {choice: "rr3", img: "https://sd-1.archive-host.com/membres/images/4531626141043023/Centauri/rr3cent.png"},
       {choice: "rr4", img: "https://sd-1.archive-host.com/membres/images/4531626141043023/Centauri/rr4cent.png"},
       ];
       function checkIfEmpty(form_case) {
       var error = 0;
       $.each( $(form_case).find('.mandatory') , function() {
 if ( $(this).tagName() == "ul") {
       if ( $.type($(this).find($('input[type=radio][name=' + $(this).find('input[type="radio"]').attr('name') + ']:checked')).val()) === "undefined" ) {
       $(this).addClass('error');
       error += 1;
       } else
       $(this).removeClass('error');
            
       } else {
       if ( $(this).val() == "" ) {
       $(this).addClass('error');
       error += 1;
       } else
       $(this).removeClass('error');
       }
       });
       return error;
       }
       function getValues(case_) {
       var pseudo_m = ( case_.find($('input[name="pseudo_m"]')).length ) ? $('input[name="pseudo_m"]').val() : "";
             var age_m = ( case_.find($('input[name="age_m"]')).length ) ? $('input[name="age_m"]').val() : "";
       var trr = ( case_.find( $('input[type="radio"][name="trr"]:checked')).length ) ? $('input[type="radio"][name="trr"]:checked').val() : "";
       var type_form = ( case_.find( $('input[type="radio"][name="type_form"]:checked')).length ) ? $('input[type="radio"][name="type_form"]:checked').val() : "";

       var pseudo = $('input[name="pseudo_m"]').val();
       var pseudo = $('input[name="pseudo_m"]').val();
       var pseudo = $('input[name="pseudo_m"]').val();
       var pseudo = $('input[name="pseudo_m"]').val();
       var pseudo = $('input[name="pseudo_m"]').val();
       var pseudo = $('input[name="pseudo_m"]').val();
      
       return checkIfEmpty(case_);
      }
       $('button[name="go_tem"]').click(function() {
       ShowOrHide($('.case_1'), false);
       ShowOrHide($('.case_2'), true);
       });
       $('button[name="go_next"]').click(function( event ) {
       if (getValues( $(this).closest($('div[class*="case_"]')) ) != 0) event.preventDefault();
       else {
       ShowOrHide( $(this).closest($('div[class*="case_"]')) , false);
       ShowOrHide( $(this).closest($('div[class*="case_"]')).next(), true);
       }
       });
       $('button[type="submit"]').click(function() {
       var forumpost = "/post?f=" + 6 + "&mode=newtopic";
       return getValues($('.form_tem'));
       });
      
      });
      
    </script>
  </body>
</html>

Code non fonctionnel, il est juste nettoyé en attendant, car sachez qu'il manque toute la partie JavaScript  censée récupérer les informations renseignées dans le formulaire. Sans ça, le code ne fonctionnera jamais.
Après, il faudrait aussi nous dire comment vous souhaitez que ces informations apparaissent une fois postée (quelle mise en page).

Bonjour ,

Je souhaiterai juste qu'il récupère les informations dans l'ordre et qu'il les remettre en réponse dans un message déjà posté d'où le post de redirection vers une catégorie du forum.
Où dois je mettre le JS et comment puis je apprendre à retranscrire des infos d'un Formulaire via le JS justement ^^
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par Lixyr Dim 15 Mai 2022 - 21:22

Bien sûr.

Like a Star @ heaven Lier le formulaire au JavaScript

Alors, déjà pour commencer, il faut lier la balise form au JavaScript créé plus tard. La fonction JavaScript qui permettra d'envoyer le message s'appellera envoiMessage donc on va rajouter ceci à la balise form :

Code:
<form onsubmit="envoiMessage(this)" enctype="multipart/form-data" name="post" method="post" action="/post">

Explication des attributs :

- onsubmit signifie que lorsqu'on cliquera sur le bouton d'envoi, on appellera la fonction envoiMessage auquel on enverra les éléments du formulaire.

- name indique le nom du formulaire

- method indique si on veut envoyer le formulaire plutôt avec la méthode POST ou avec la méthode GET.
** La méthode GET les données sont visibles dans l'URL.
** La méthode POST envoie un corps de message au serveur.
C'est la méthode post qui nous intéresse, donc on spécifie post.

- action indique l'action effectuée une fois le formulaire envoyé (ici, on post un nouveau message).

Toute cette syntaxe est précise et importante. Ces mots ne peuvent être changés par d'autres.


Like a Star @ heaven Ajouter les informations cachées pour le bon envoi du formulaire

Lors de l'envoi d'un formulaire (ou disons, lorsqu'on poste un nouveau message), de nombreuses informations sont nécessaires pour que le message soit envoyé correctement. Pour renseigner ces informations, il faut rajouter dans le formulaire des balises cachées, qui contiendront ces informations :

Code:
<input value="0" name="lt" type="hidden" />
<input type="hidden" name="mode" value="reply" /> <!-- Indique qu'on répond à un sujet -->
<input type="hidden" name="t" value="181" /> <!-- ID du topique dans lequel le message sera posté  -->
<input type="hidden" name="subject" value="Compte rendu de sortie de secours" id="titre" />
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->

Explication des attributs :

- type="hidden" indique que la balise ne doit pas apparaitre visuellement. Ses informations sont cachées.

- mode indique le mode de post (est-ce qu'on poste un nouveau sujet ou bien est-ce qu'on répond dans un sujet). Ici on répond, donc on indique la valeur reply.

- t permet d'indiquer la valeur du sujet qui va réceptionner les réponses des formulaires. Ici, j'ai mis la valeur de mon sujet de test, qui est le sujet 181. Vous il s'agirait apparemment du sujet 3.

- subject prend la valeur du titre du message envoyé. Cette balise peut être enlevée, elle est fonctionnelle. A chaque formulaire envoyé, le sujet s'appellera "Compte rendu de sortie de secours". Cette valeur peut être changée, voire même personnalisée par les membres. Il suffira de rajouter un champ dans le formulaire, et de modifier ce code ainsi que le JavaScript.

- message récupère l'intégralité des valeurs renseignées dans le formulaire. Ainsi, sa valeur est actuellement vide (donc nulle) et sera remplie une fois le formulaire envoyé.

En dehors de la balise subject, toutes ces balises sont essentielles, sinon le formulaire ne sera pas envoyé.


Like a Star @ heaven Nommer les balises du formulaire

Une fois ces balises cachées renseignées, il faut s'occuper des balises visibles dans votre forum, que les membres vont remplir. Pour que le JavaScript puisse détecter quelle balise contient une valeur souhaitée, et la récupérer, il faut nommer ces balises.

Pour l'exemple, votre premier champ est un champ de texte textarea, nommé Équipage, dans lequel vous demandez de quel type d'équipage est membre l'utilisateur. Et bien, je l'ai nommé tequipage, comme ceci :

<textarea name="tequipage" rows="4" cols="30" placeholder="Chef D'agrès, Équipier 1, Conducteur"></textarea>

Pour nommer une balise, on rajoute l'attribut name auquel on donne une valeur (ici, tequipage). Cette valeur sera récupérée plus tard dans le JavaScript pour récupérer la donnée renseignée associée.


Like a Star @ heaven Le bouton d'envoi du formulaire

Code:
<input type="submit" name="post" value="Envoyez" class="Submitbutton" />

Il est important que l'input soit de type submit et que l'attribut name soit le même que celui du formulaire, pour que le bouton soit associé au formulaire.
Ainsi, on ne change pas ce code, en dehors de la classe que vous avez vous-même choisie pour votre CSS et que vous pouvez modifier ou supprimer selon votre convenance.


Like a Star @ heaven Le JavaScript

Enfin, on déclare le code JavaScript, entre deux balises script.

Voici un exemple de code qu'on peut avoir :

Code:
      function envoiMessage(form) {
        var txt_message = "[b]Equipage[/b] " + "\n" + form.tequipage.value + "\n\n";
        form.message.value = txt_message;
      }

Explication du code :

- envoiMessage est le nom de la fonction, qui est appelée comme dit précédemment lorsqu'on clique sur le bouton d'envoi.

- txt_message est une variable JavaScript déclarée, qui contiendra l'ensemble des données renseignées dans le formulaire.

- Ici dans ce code, on ne récupère que la valeur du textarea tequipage.
Pour ce faire, on indique dans le JavaScript
form.tequipage.value
** form pour la balise formulaire,
** tequipage pour le nom de la balise concernée,
** et value pour indiquer qu'on récupère sa valeur.

Enfin, quand on a renseigné toutes les données, on envoie ces données en tant que valeur de ce fameux input, nommé message (celui qui fait partie des input cachés rajoutés plus haut, et qui avait une valeur vide). Ainsi, les données sont stockées et peuvent être envoyées via le formulaire.

Attention : Je ne vous conseille pas de modifier le JavaScript, à moins d'avoir des connaissances suffisantes pour le faire sans tout casser.

De mon côté, je finalise le code, et je vous l'envoie intégralement pour essai de votre côté.



*edit 23:03*
J'ai presque fini mais j'ai besoin de deux informations : pour les champs "Nature de Sortie" et "Quels Véhicules étaient présents", est-ce qu'il peut y avoir plusieurs cases cochées ?


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Soucis pour envoyer le formulaire sur Forum 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Soucis pour envoyer le formulaire sur Forum 3592387030 pour prévenir la modération.

Soucis pour envoyer le formulaire sur Forum Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6905
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Lun 16 Mai 2022 - 0:43

Bonjour ,

Oui il y a parfois plusieurs case à cocher ce n'est toute fois pas obligatoire

Merci beaucoup pour ce que vous faites.
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par Lixyr Lun 16 Mai 2022 - 19:16

Bonsoir,

Pour quelle partie ?


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Soucis pour envoyer le formulaire sur Forum 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Soucis pour envoyer le formulaire sur Forum 3592387030 pour prévenir la modération.

Soucis pour envoyer le formulaire sur Forum Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6905
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Lun 16 Mai 2022 - 19:31

Bonsoir pour ces partie ci : Nature de Sortie, Quel Véhicule était présent?

Par contre la case Je confirme avoir reçu la formation de chef d'agrès dans le cas contraire des sanctions me seront appliquées est obligatoire

Voilà voilà ^^ et encore merci
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par Lixyr Lun 16 Mai 2022 - 22:46

Merci pour ces informations. J'essaie de poster la suite des explications (oui, il y en a encore...) ainsi que le formulaire demain soir.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Soucis pour envoyer le formulaire sur Forum 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Soucis pour envoyer le formulaire sur Forum 3592387030 pour prévenir la modération.

Soucis pour envoyer le formulaire sur Forum Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6905
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Lun 16 Mai 2022 - 23:39

Ok ça marche j'attend de voir ça de mon côtés je vais apprendre le JS avec un site il devrait y avoir des tuto ici ahah =)

Merci encore pour votre aide !
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par Lixyr Mar 17 Mai 2022 - 22:34

Bonsoir MistoyS,

Je planche sur une partie du JavaScript (j'avoue que je suis bien plus habituée avec le JQuery). Du coup, puis-je me permettre une modification de votre formulaire, à savoir enlever les sélecteur de nombre pour les voitures, et mettre un champ "nombre" obligatoire en dessous ?

- cocher voiture -- nombre
- cocher voiture -- nombre
- cocher voiture -- nombre
- cocher voiture -- nombre
- autre à préciser

devient

- cocher voiture
- cocher voiture
- cocher voiture
- cocher voiture
- Autre préciser
- Nombre de voiture (obligatoire)


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Soucis pour envoyer le formulaire sur Forum 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Soucis pour envoyer le formulaire sur Forum 3592387030 pour prévenir la modération.

Soucis pour envoyer le formulaire sur Forum Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6905
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Mar 17 Mai 2022 - 23:22

Oui vous pouvez modifier
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par Lixyr Mer 18 Mai 2022 - 12:11

Bonjour MistoyS,

Finalement, j'ai réussi à conserver la présentation originale du formulaire. Vous pouvez tester ici pour me dire si ça vous convient :

https://forum-test-lixyr.forumsrpg.com/h13-mistoys-soucis-pour-envoyer-le-formulaire-sur-forum


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Soucis pour envoyer le formulaire sur Forum 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Soucis pour envoyer le formulaire sur Forum 3592387030 pour prévenir la modération.

Soucis pour envoyer le formulaire sur Forum Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6905
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Mer 18 Mai 2022 - 13:54

Bonjour ça me convient il manque juste des grade que je rajouterai si ça ne change rien au js mais c'est exactement ça ^^
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Mer 18 Mai 2022 - 13:54

Encore merci pour votre travail vous êtes formidable !
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par Lixyr Mer 18 Mai 2022 - 18:01

Non, ça ne changera rien, tant que vous gardez la structure. ^^

Alors voici le code :

Code:
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <style>
      body{
      margin: 0;
      padding: 0;
      background-color: cornflowerblue;
      }

      .Entete img
      {
      height: 250px;
      width: 250px;
      margin-left:44%;
      }

      .Entete h1{
      text-align: center;
      }

      .Formulaire
      {
      padding-top: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      }
   
      .FormName{
      padding-top: 30px;
      }

      .FormName textarea
      {
      display: flex;
      flex-direction: column;
      }   
      .FormGrade
      {
      padding-top: 30px;
      }

      .FormDateJour
      {
      padding-top: 30px;
      }
      .FormNature
      {
      display:flex;
      flex-direction: column;
      padding-top: 30px;
      }

      .check{
      display: flexbox;
      padding-top: 20px;
      }

      .InfoVictime{
      padding-top: 30px;
      }

      .InfoVictime textarea
      {
      display: flex;
      flex-direction: column;
      }

      .Vhclengagee
      {
      padding-top: 30px;
      display:flex;
      flex-direction: column;
      }

      .Description{
      padding-top: 30px
      }

      .Description textarea
      {
      display: flex;
      flex-direction: column;
      }
      .Signature{
      padding-top: 30px;
      }

      .Confirmation{
      padding-top: 20px;
      }

      input{
      border-radius: 25px;
      }

      textarea{
      border-radius: 15px;
      }

      .Submitbutton
      {
      margin-left: 200px;
      margin-top: 20px;
      height: 20px;
      width: 200px;
      }
    </style>         
  </head>
  <body>
    <div class="Entete">
      <img id="ok" src="https://i.servimg.com/u/f51/20/42/35/83/sdis_p10.png" />       
      <h1>Compte Rendu De Sortie Secours</h1>
    </div>
    <div class="Formulaire"> 
      <form onsubmit="envoiMessage(this)" enctype="multipart/form-data" name="post" method="post" action="/post">
        <input value="0" name="lt" type="hidden" />
        <input type="hidden" name="mode" value="reply" /> <!-- Indique qu'on répond à un sujet -->
        <input type="hidden" name="t" value="181" /> <!-- ID du topique dans lequel le message sera posté  -->
        <input type="hidden" name="subject" value="Compte rendu de sortie de secours" id="titre" />
        <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
       
        <div class="FormName">
          <label>Équipage</label>
          <textarea name="tequipage" rows="4" cols="30" placeholder="Chef D'agrès, Équipier 1, Conducteur"></textarea>           
        </div>
       
        <div class="FormGrade">
          <label>Votre Grade</label>
          <select name="Grade" id="Grade">
            <option> Choisissez votre Grade</option>
            <option value="Commandant">Commandant</option>
            <option value="Capitaine">Capitaine</option>
            <option value="Lieutenant">Lieutenant</option>
            <option value="AdjudantChef">Adjudant-Chef</option>
            <option value="Adjudant">Adjudant</option>
            <option value="Sergentchef">Sergent-Chef</option>
            <option value="Sergent">Sergent</option>
            <option value="CaporalChef">Caporal-Chef</option>
          </select>           
        </div>
       
        <div class="FormDateJour">
          <label>Lors de la journée du à : </label> <input name="FormDateJour" type="datetime-local" />           
        </div>
       
        <div class="FormNature">
          <legend>Nature de Sortie :</legend>             
          <div class="check">
            <label><input name="FormNature" id="SAP" value="SAP" type="checkbox" /> SAP</label>               
          </div> 
          <div class="check">
            <label><input name="FormNature" id="INC" value="INC" type="checkbox" /> INC</label>               
          </div> 
          <div class="check">
            <label><input name="FormNature" id="Div" value="Div" type="checkbox" /> Div</label>               
          </div> 
          <div class="check">
            <label><input name="FormNature" id="SPE" value="SPE" type="checkbox" /> SPE</label>               
          </div>
        </div>
       
        <div class="InfoVictime">
          <label>Info de la ou des Victimes</label>
          <textarea name="tInfoVictime" rows="4" cols="30" placeholder="Écrivez ici"></textarea>           
        </div>
       
        <div class="Vhclengagee">
          <label>Quels Véhicules étaient présents ?</label>               
          <div class="check">
            <input name="Vhclengagee" id="VSAV" value="VSAV" type="checkbox" /> <label for="VSAV">VSAV</label> <input id="nVSAV" type="number" value="0" /> <label name="nVSAV" for="number">Nombre</label>               
          </div> 
          <div class="check">
            <input name="Vhclengagee" id="FPT" value="FPT" type="checkbox" /> <label for="FPT">FPT</label> <input id="nFPT" type="number" value="0" /> <label name="nFPT" for="number">Nombre</label>               
          </div> 
          <div class="check">
            <input name="Vhclengagee" id="FSR" value="FSR" type="checkbox" /> <label for="FSR">VSR</label> <input id="nFSR" type="number" value="0" /> <label name="nFSR" for="number">Nombre</label>               
          </div> 
          <div class="check">
            <input name="Vhclengagee" id="CDG" value="CDG" type="checkbox" /> <label for="CDG">CDG</label> <input id="nCDG" type="number" value="0" /> <label name="nCDG" for="number">Nombre</label>               
          </div> 
          <div class="check">
            <label>Autre Précisez: </label> <input id="AutreLengagee" name="Vhclengagee" type="textarea" />
          </div>
        </div>
       
        <div class="Description">
          <label>Décrivez l'intervention</label> <textarea name="tDescription" rows="4" cols="40" placeholder="Écrivez ici"></textarea>           
        </div>
       
        <div class="Signature">
          <label>Signez Grade+Nom+Prénom</label> <input name="iSignature" type="textarea" />           
        </div>
       
        <div class="Confirmation">
          <input name="confirmation" id="confirmation" type="checkbox" required />
          <label for="confirmation">Je confirme avoir reçu la formation de chef d'agrès dans le cas contraire des sanctions me seront appliquées</label>           
        </div>
       
        <input type="submit" name="post" value="Envoyez" class="Submitbutton" />     
      </form>
    </div>
   
    <script type="text/javascript">
      function testerFormNature(FormNature) {
        var NatureValue = "";
        for (var i = 0; i < FormNature.length; i++) {
            if (FormNature[i].checked) {
              if (NatureValue === "") NatureValue += FormNature[i].value;
              else {
                  NatureValue += ", ";
                  NatureValue += FormNature[i].value;
              }
            }
        }
        return NatureValue;
      }
     
      function testerVhclengagee(Vhclengagee) {
        var LengageeValue = "",
            NumberValue = "",
            txtValueEtNumber = "",
            idLengagee = "";
        for (var i = 0; i < Vhclengagee.length; i++) {
            if (Vhclengagee[i].checked) {
              idLengagee = Vhclengagee[i].id;
              NumberValue = document.getElementById("n"+idLengagee).value;
              txtValueEtNumber = Vhclengagee[i].value + " (" + NumberValue + " voiture(s))";
              if (LengageeValue === "") LengageeValue = txtValueEtNumber;
              else {
                  LengageeValue += ", ";
                  LengageeValue += txtValueEtNumber;
              }
            }
            if (i === Vhclengagee.length - 1) {
              if (LengageeValue === "") LengageeValue = ("Autre : ") + document.getElementById("AutreLengagee").value;
              else {
                  LengageeValue += ", et autre : ";
                  LengageeValue += document.getElementById("AutreLengagee").value;
              }
            }
        }
        return LengageeValue;
      }
     
      function envoiMessage(form) {
        var txt_message =
          "[b]Equipage[/b] " + form.tequipage.value + "\n\n" +
          "[b]Grade : [/b] " + form.Grade.value + "\n\n" +
          "[b]Lors de la journée du : [/b] " + form.FormDateJour.value + "\n\n" +
          "[b]Nature de la sortie : [/b] " + testerFormNature(form.FormNature) + "\n\n" +
          "[b]Infos sur la ou les victimes : [/b] " + form.tInfoVictime.value + "\n\n" +
          "[b]Véhicules présents : [/b] " + testerVhclengagee(form.Vhclengagee) + "\n\n" +
          "[b]Description de l'intervention : [/b] " + form.tDescription.value + "\n\n" +
          "[b]Signature : [/b] " + form.iSignature.value + "\n\n";
        form.message.value = txt_message;
      }
    </script> 
  </body>
</html>

A mettre dans une page HTML dans panneau d'administration > Modules > Gestion des pages HTML > Création en mode avancé (HTML) (si ce n'est pas déjà fait).

J'ai repris la trame de votre code original, et ai ajouté les modifications que j'ai indiquées plus haut. Voici le reste des explications, pour que ce qui concerne la partie JavaScript et certaines parties du HTML un peu plus complexes.

Like a Star @ heaven La partie qui récupère les informations et met en page le message se trouve ici :

function envoiMessage(form) {
var txt_message =
"Equipage " + form.tequipage.value + "\n\n" +
"Grade : " + form.Grade.value + "\n\n" +
"Lors de la journée du : " + form.FormDateJour.value + "\n\n" +
"Nature de la sortie : " + testerFormNature(form.FormNature) + "\n\n" +
"Infos sur la ou les victimes : " + form.tInfoVictime.value + "\n\n" +
"Véhicules présents : " + testerVhclengagee(form.Vhclengagee) + "\n\n" +
"Description de l'intervention : " + form.tDescription.value + "\n\n" +
"Signature : " + form.iSignature.value + "\n\n";
form.message.value = txt_message;
}

Like a Star @ heaven Rajouter un grade :

Il faut rajouter ce code en changeant Sergent-Chef par la valeur associée, et la valeur Sergentchef par la valeur voulue.

<option value="Sergentchef">Sergent-Chef</option>

Like a Star @ heaven Les input à cocher :

Pour les input à cocher, c'est plus compliqué de récupérer les informations car en JavaScript, cela génère une sorte de tableau. Du coup j'ai rajouté tout un tas de JavaScript qui récupère les informations :

** Récupérer les informations Nature de Sortie :

Code:
function testerFormNature(FormNature) {
        var NatureValue = "";
        for (var i = 0; i < FormNature.length; i++) {
            if (FormNature[i].checked) {
              if (NatureValue === "") NatureValue += FormNature[i].value;
              else {
                  NatureValue += ", ";
                  NatureValue += FormNature[i].value;
              }
            }
        }
        return NatureValue;
      }


** Récupérer les informations de Quels Véhicules étaient présents :

Code:
function testerVhclengagee(Vhclengagee) {
        var LengageeValue = "",
            NumberValue = "",
            txtValueEtNumber = "",
            idLengagee = "";
        for (var i = 0; i < Vhclengagee.length; i++) {
            if (Vhclengagee[i].checked) {
              idLengagee = Vhclengagee[i].id;
              NumberValue = document.getElementById("n"+idLengagee).value;
              txtValueEtNumber = Vhclengagee[i].value + " (" + NumberValue + " voiture(s))";
              if (LengageeValue === "") LengageeValue = txtValueEtNumber;
              else {
                  LengageeValue += ", ";
                  LengageeValue += txtValueEtNumber;
              }
            }
            if (i === Vhclengagee.length - 1) {
              if (LengageeValue === "") LengageeValue = ("Autre : ") + document.getElementById("AutreLengagee").value;
              else {
                  LengageeValue += ", et autre : ";
                  LengageeValue += document.getElementById("AutreLengagee").value;
              }
            }
        }
        return LengageeValue;
      }

Tout ça, il ne faut pas y toucher, sinon ça ne fonctionnera plus. En soit, vous ne pouvez toucher qu'à la partie HTML.

Du coup, pour rajouter des valeurs, si jamais vous souhaitez rajouter, par exemple, un véhicule, c'est un peu plus compliqué. Il faudra absolument suivre cette procédure :

** Pour la nature de sortie :

<div class="check">
<label><input name="FormNature" id="SAP" value="SAP" type="checkbox" /> SAP</label>
</div>

Pour plus de simplicité, la partie en vert doit être similaire aux parties bleues. Ça correspond à l'identifiant de l'input que vous cochez, et qui permet au JavaScript de détecter que c'est cet input qui est coché.

Les parties en bleues sont celles que vous pouvez changer. Elles doivent être similaires et correspondent au nom de la nature de sortie que vous souhaitez.

Tout le reste du code ne doit pas être modifié.


** Pour les véhicules présents :

<div class="check">
<input name="Vhclengagee" id="VSAV" value="VSAV" type="checkbox" /> <label for="VSAV">VSAV</label> <input id="nVSAV" type="number" value="0" /> <label name="nVSAV" for="number">Nombre</label>
</div>

Encore une fois, les parties en vert doivent être exactement similaires. Vous mettez ce que vous voulez, mais considérez ces champs comme les identifiants qui permettent de savoir qu'on a coché cet input-là et pas un autre.

Les parties en bleu peuvent être modifiées. Elles doivent être similaires et correspondent au nom du véhicule.

Les parties en rouge ne peuvent pas être modifiées. A cet endroit, il faut absolument ce n qui permet, dans le code JavaScript, de lier le nombre avec la voiture.

Tout le reste du code ne doit pas être modifié.

PS : Tout ce qui se trouve dans l'attribut value (exemple : value="0") est la valeur qui sera renvoyée par JavaScript et postée dans le message. Si ces valeurs ne vous conviennent pas, vous pouvez les modifier, mais faites attention à suivre les procédures pour les cases à cocher, sinon ça génèrera un bug.

J'espère ne rien avoir oublié pour ce qui est des explications.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Soucis pour envoyer le formulaire sur Forum 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Soucis pour envoyer le formulaire sur Forum 3592387030 pour prévenir la modération.

Soucis pour envoyer le formulaire sur Forum Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6905
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Mer 18 Mai 2022 - 18:24

Informations

Le sujet ou message que vous recherchez n'existe pas
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par Lixyr Mer 18 Mai 2022 - 18:27

Ah oui désolée ! J'ai laissé mon identifiant.

Il s'agit de cette partie :

<input type="hidden" name="t" value="181" /> <!-- ID du topique dans lequel le message sera posté -->

Il faut changer la valeur 181 (moi je postais dans le sujet 181) par 3 (si votre sujet est toujours https://pantheralife.forumactif.com/t3-compte-rendu-de-sortie-de-secours)

Code:
<input type="hidden" name="t" value="3" /> <!-- ID du topique dans lequel le message sera posté -->


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Soucis pour envoyer le formulaire sur Forum 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Soucis pour envoyer le formulaire sur Forum 3592387030 pour prévenir la modération.

Soucis pour envoyer le formulaire sur Forum Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6905
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Mer 18 Mai 2022 - 19:56

Ok ça marche merci beaucoup pour votre aide vous êtes génial !
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par Lixyr Mer 18 Mai 2022 - 22:11

Vous avez réussi à installer le formulaire et à le faire fonctionner ?


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Soucis pour envoyer le formulaire sur Forum 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Soucis pour envoyer le formulaire sur Forum 3592387030 pour prévenir la modération.

Soucis pour envoyer le formulaire sur Forum Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6905
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par MistoyS Jeu 19 Mai 2022 - 14:38

Bonjour ,

J'ai testé ce matin oui tout est fonctionnelle je vous remercie énormément vous m'avez limite sauver la vie ^^ .

Merci à vous pour votre travail , votre temps et votre bonne humeur !
MistoyS

MistoyS
Nouveau membre

Messages : 23
Inscrit(e) le : 30/04/2022

Voir le profil de l'utilisateur https://pantheralife.forumactif.com
MistoyS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis pour envoyer le formulaire sur Forum

Message par Chacha Jeu 19 Mai 2022 - 15:34

MistoyS a écrit:Bonjour ,

J'ai testé ce matin oui tout est fonctionnelle je vous remercie énormément vous m'avez limite sauver la vie ^^ .

Merci à vous pour votre travail , votre temps et votre bonne humeur !
Soucis pour envoyer le formulaire sur Forum MHDoUixBonjour,

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu et enregistrer
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Soucis pour envoyer le formulaire sur Forum UsrblLM
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 66828
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum