Problème lors de l'envoi des réponses à un formulaire

2 participants

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

Résolu Problème lors de l'envoi des réponses à un formulaire

Message par Oxtran Lun 25 Oct 2021 - 21:42

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

Je souhaite réalisé un formulaire qui lors de l'envoi des réponses à celui-ci, poste un message dans un topic.
Après avoir édité le code d'un formulaire trouvé sur internet, je rencontre un problème avec celui-ci.
Les réponses renseignées sur le formulaire ne sont pas transmises lors de la création du message excepté le titre.

Le code du formulaire modifié :

Code:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <base target="_blank" />
    <meta name="author" content="Onyx" />
    <title>Formulaire de Présentation</title>
    <style type="text/css">
      /*Corps*/
      body {
      margin: 0px;
      color: #757575;
      font-family: 'Verdana';
      font-size: 13px;
      }
      /*Formulaire*/
      #monId {
      background-color: #dfdfdf;
      box-shadow: inset 0px 0px 15px #656565;
      margin: auto;
      border-radius: 10px;
      width: 500px;
      padding: 15px;
      }
      /*Titres*/
      h1, h2, h3 {
      color: #757575;
      text-align: center;
      font-family: 'Monotype Corsiva', cursive;
      font-size: 32px;
      font-weight: normal;
      }
      /*Petit titre*/
      h2 {
      font-size: 24px;
      }
      /*Champs text, number, password, textarea et select*/
      input[type="text"], input[type="number"], input[type="password"], textarea, select {
      display: inline-bloc;
      width: 97%;
      margin-top: 3px;
      background-color: #efefef;
      color: #858585;
      padding: 5px;
      border: none;
      border-radius: 5px;
      box-shadow: inset 2px 2px 2px #bfbfbf, inset -2px -2px 1px #bfbfbf;
      font-size: 13px;
      font-family: 'Arial';
      }
      /*Champs radio*/
      input[type="radio"] {
      display: inline-bloc;
      margin-top: 3px;
      vertical-align: bottom;
      }
      /*Champs submit et reset*/
      input[type="submit"], input[type="reset"] {
      margin-top: 10px;
      text-align: center;
      display: inline-block;
      font-weight: bold;
      background-color: #fdfdfd;
      border: 1px solid #c4c4c4;
      color: #757575;
      padding: 8px;
      padding-top: 8px;
      padding-bottom: 8px;
      border-radius: 5px;
      box-shadow: 2px 2px 2px #747474, inset 0px 0px 15px #a3a3a3;
      }
      /*Champs submit et reset au survol*/
      input[type="submit"]:hover, input[type="reset"]:hover {
      cursor: pointer;
      background-color: #ffffff;
      box-shadow: 4px 4px 4px #747474, inset 0px 0px 15px #a3a3a3;
      color: #656565;
      }
      /*Champs reset et prévisualiser*/
      input[type="reset"], input[name="preview"] {
      margin-top: 0px;
      margin-right: 10px;
      font-weight: normal;
      }
      /*Champs textarea*/
      textarea {
      min-width: 97%;
      max-width: 97%;
      min-height: 100px;
      }
      /*Astérisques rouges*/
      .redd {
      color: red;
      }
      /*Crédits*/
      .credits {
      margin: 10px auto -10px auto;
      font-size: 11px;
      text-align: center;
      }
      .credits a {
      color: darkgreen;
      text-decoration: none;
      }
      .credits a:hover {
      color: blue;
      }
    </style>
    <script type="text/javascript">
    //<!--
      /*Fonction pour créer le message*/
      function creationMessage(NomForm) {

        /* On met le titre dans le champ "titre" */
        NomForm.titre.value =
          "Candidature de " + NomForm.form_1.value;

        /* On met le message dans le champ "message" */
        NomForm.message.value =
          "<link href='https://fonts.googleapis.com/css?family=Lobster|Pacifico|Dancing+Script' rel='stylesheet' type='text/css' />" +
          "<div class='prez'>" +
          "<div class='prez_nom'>" + NomForm.prenom.value + " " + NomForm.nom.value + "</div>" +
          "<div class='prez_citation'>« " + NomForm.citation.value + " »</div>" +
          "<div class='prez_bloc'>" +
          "<img src='" + NomForm.urlimgava.value + "' class='prez_ava' />" +
          "<div class='prez_right'>" +
          "<span class='prez_champ'>Pseudo :</span> " + NomForm.form_1.value + "<br />" +
          "<span class='prez_champ'>Screen de ton profil :</span> <br /> [spoiler]<img src='" + NomForm.form_2.value + "' />[/spoiler] <br />" +
          "<span class='prez_champ'>Comment as-tu découvert HabboCity et les autres plateformes (Habbo et les rétros) ? Depuis quand joues-tu et sous quels pseudos ? :</span> <br /> " + NomForm.form_3.value + "<br />" +
          "<span class='prez_champ'>Pourquoi joues-tu à HabboCity ? Quelles activités pratiques-tu dessus ? :</span> <br /> " + NomForm.form_4.value + "<br />" +
          "<span class='prez_champ'>Quels sont tes horaires de connexion ? :</span> " + NomForm.form_5.value + "<br />" +
          "<span class='prez_champ'>As-tu des antécédents dans des organisations du RPG d'affrontement (Role Play Krapule + Role Play Judiciaire) ? Si c'est le cas, quelle(s) organisation(s) et à quel(s) poste(s) (précise également la plateforme) ? :</span> <br /> " + NomForm.form_6.value + "<br />" +
          "<span class='prez_champ'>Qu’est-ce qui t’a poussé à la/les rejoindre à l'époque ? : </span> <br /> " + NomForm.form_7.value + "<br />" +
          "<span class='prez_champ'>Quelle est ta vision du Role Play Krapule actuellement ? :</span> <br /> " + NomForm.form_8.value + "<br />" +
          "<span class='prez_champ'>Quand et comment as-tu connu les O'Brien ? As-tu un (ou plusieurs) recruteur(s) ?</span> <br /> " + NomForm.form_9.value + "<br />" +
          "<span class='prez_champ'>Qu’est-ce qui t’a poussé à rejoindre la famille ? Que représente-t-elle pour toi ? :</span> <br /> " + NomForm.form_10.value + "<br />" +
          "<span class='prez_champ'>Penses-tu avoir les qualités requises pour l'intégrer ? :</span> <br /> " + NomForm.form_11.value + "<br />" +
          "<span class='prez_champ'>Pourquoi devrions-nous t’y accepter ? :</span> <br /> " + NomForm.form_12.value + "<br />" +
          "<span class='prez_champ'>Que recherches-tu le plus au sein des O'Brien ? Et penses-tu le trouver parmi nous ? :</span> <br /> " + NomForm.form_13.value + "<br />" +
          "<span class='prez_champ'>Penses-tu que nous puissions t’apporter quelque chose professionnellement ou humainement ? Et si oui, la ou lesquelles ?:</span> <br /> " + NomForm.form_14.value + "<br />" +
          "<span class='prez_champ'>Comment imagines-tu une journée type au sein de la famille ? :</span> <br /> " + NomForm.form_15.value + "<br />" +
          "<span class='prez_champ'>Es-tu satisfait(e) de la candidature que tu comptes nous proposer ? Combien de temps as-tu consacré à la réaliser ? :</span> <br /> " + NomForm.form_16.value + "<br />" +
          "<span class='prez_champ'>Que feras-tu si ta candidature est refusée ? :</span> <br /> " + NomForm.form_17.value + "<br />" +
          "<span class='prez_champ'>Un dernier mot pour terminer cette candidature dans les règles de l’art ? :</span> <br /> " + NomForm.form_18.value + "<br />";

        /*On vérifie si on peut ou non envoyer le message*/
        var champsobligatoires = document.getElementsByClassName("obligatoire");
        var totalchampsobligatoires = 0;
        for (i = 0; i < champsobligatoires.length; i++) {
          var champvaleur = champsobligatoires[i].value;
          if (champvaleur.length > 0) {
            totalchampsobligatoires = totalchampsobligatoires + 1;
          }
        }
        if (totalchampsobligatoires < champsobligatoires.length) {
          alert("Tous les champs obligatoires (ceux avec un astérisque rouge) doivent être remplis.");
          return false;
        }
        else {
          return true;
        }
      }
    //-->
    </script>
  </head>
  <body>
    <form id="monId" action="/posting.forum" method="post" name="NomForm" enctype="multipart/form-data" target="_blank" onSubmit="return creationMessage(this)">
      <input type="hidden" name="mode" value="newtopic" />
      <input type="hidden" name="topictype" value="0" checked="checked" />
      <input type="hidden" name="message" value="" />
      <input type="hidden" name="f" value="65" />
      <input type="hidden" name="subject" id="titre" value="" />
      <h1>Formulaire de candidature</h1>
      <center>Avant toute chose, sachez que la candidature que vous allez remplir ci-dessous est l’unique porte d’entrée pour
intégrer les O'Brien. Il est important de comprendre que tous les mots, toutes les ponctuations, et toutes les formulations que
vous allez employer tout au long de ce formulaire seront pris en compte. Il vous faudra donc être explicites, minutieux,
et soignés, mais surtout honnêtes dans vos réponses. Soyez également inventifs, ingénieux et surprenants afin de nous
montrer votre motivation à intégrer nos rangs. Les candidatures bâclées seront immédiatement refusées.
<br /><br />
« La langue d’un homme est un avant goût de son cœur. »</center>
      <h2>Informations sur le personnage</h2>
      <label for="form_1">Ton pseudo :<span class="redd">*</span> :</label><br />
      <input class="obligatoire" type="text" name="form_1" id="form_1" /><br /><br />
      <label for="form_2">Screen de ton profil HabboCity :<span class="redd">*</span> :</label><br />
      <input class="obligatoire" type="text" name="form_2" id="form_2" /><br />
      <br />
      <label for="form_3">Comment as-tu découvert HabboCity et les autres plateformes (Habbo et les rétros) ? Depuis quand joues-tu et sous quels pseudos ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_3" id="form_3"></textarea><br />
      <br />
      <label for="form_4">Pourquoi joues-tu à HabboCity ? Quelles activités pratiques-tu dessus ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_4" id="form_4"></textarea><br />
      <label for="form_5">Quels sont tes horaires de connexion ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_5" id="form_5"></textarea><br />
      <label for="form_6">As-tu des antécédents dans des organisations du RPG d'affrontement (Role Play Krapule + Role Play Judiciaire) ? Si c'est le cas, quelle(s) organisation(s) et à quel(s) poste(s) (précise également la plateforme) ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_6" id="form_6"></textarea><br />
      <label for="form_7">Qu’est-ce qui t’a poussé à la/les rejoindre à l'époque ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_7" id="form_7"></textarea><br />
      <label for="form_8">Quelle est ta vision du Role Play Krapule actuellement ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_8" id="form_8"></textarea><br />
      <label for="form_9">Quand et comment as-tu connu les O'Brien ? As-tu un (ou plusieurs) recruteur(s) ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_9" id="form_9"></textarea><br />
      <label for="form_10">Qu’est-ce qui t’a poussé à rejoindre la famille ? Que représente-t-elle pour toi ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_10" id="form_10"></textarea><br />
      <label for="form_11">Penses-tu avoir les qualités requises pour l'intégrer ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_11" id="form_11"></textarea><br />
      <label for="form_12">Pourquoi devrions-nous t’y accepter ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_12" id="form_12"></textarea><br />
      <label for="form_13">Que recherches-tu le plus au sein des O'Brien ? Et penses-tu le trouver parmi nous ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_13" id="form_13"></textarea><br />
      <label for="form_14">Penses-tu que nous puissions t’apporter quelque chose professionnellement ou humainement ? Et si oui, la ou lesquelles ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_14" id="form_14"></textarea><br />
      <label for="form_15">Comment imagines-tu une journée type au sein de la famille ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_15" id="form_15"></textarea><br />
      <label for="form_16">Es-tu satisfait(e) de la candidature que tu comptes nous proposer ? Combien de temps as-tu consacré à la réaliser ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_16" id="form_16"></textarea><br />
      <label for="form_17">Que feras-tu si ta candidature est refusée ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_17" id="form_17"></textarea><br />
      <label for="form_18">Un dernier mot pour terminer cette candidature dans les règles de l’art ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_18" id="form_18"></textarea><br />
      <div style="text-align: center;">
        <input type="reset" name="reseta" value="Rénitialiser le formulaire" />
        <input type="submit" name="preview" value="Prévisualiser le formulaire" />
        <input type="submit" name="post" value="Envoyer le formulaire" />
      </div>
      <br />
      <div class="credits">Par <a href="#" target="_blank">Exio</a> pour O'Brien.</div>
    </form>
  </body>
</html>

Le code du formulaire de base :

Code:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <base target="_blank" />
    <meta name="author" content="Onyx" />
    <title>Formulaire de Présentation</title>
    <style type="text/css">
      /*Corps*/
      body {
      margin: 0px;
      color: #757575;
      font-family: 'Verdana';
      font-size: 13px;
      }
      /*Formulaire*/
      #monId {
      background-color: #dfdfdf;
      box-shadow: inset 0px 0px 15px #656565;
      margin: auto;
      border-radius: 10px;
      width: 500px;
      padding: 15px;
      }
      /*Titres*/
      h1, h2, h3 {
      color: #757575;
      text-align: center;
      font-family: 'Monotype Corsiva', cursive;
      font-size: 32px;
      font-weight: normal;
      }
      /*Petit titre*/
      h2 {
      font-size: 24px;
      }
      /*Champs text, number, password, textarea et select*/
      input[type="text"], input[type="number"], input[type="password"], textarea, select {
      display: inline-bloc;
      width: 97%;
      margin-top: 3px;
      background-color: #efefef;
      color: #858585;
      padding: 5px;
      border: none;
      border-radius: 5px;
      box-shadow: inset 2px 2px 2px #bfbfbf, inset -2px -2px 1px #bfbfbf;
      font-size: 13px;
      font-family: 'Arial';
      }
      /*Champs radio*/
      input[type="radio"] {
      display: inline-bloc;
      margin-top: 3px;
      vertical-align: bottom;
      }
      /*Champs submit et reset*/
      input[type="submit"], input[type="reset"] {
      margin-top: 10px;
      text-align: center;
      display: inline-block;
      font-weight: bold;
      background-color: #fdfdfd;
      border: 1px solid #c4c4c4;
      color: #757575;
      padding: 8px;
      padding-top: 8px;
      padding-bottom: 8px;
      border-radius: 5px;
      box-shadow: 2px 2px 2px #747474, inset 0px 0px 15px #a3a3a3;
      }
      /*Champs submit et reset au survol*/
      input[type="submit"]:hover, input[type="reset"]:hover {
      cursor: pointer;
      background-color: #ffffff;
      box-shadow: 4px 4px 4px #747474, inset 0px 0px 15px #a3a3a3;
      color: #656565;
      }
      /*Champs reset et prévisualiser*/
      input[type="reset"], input[name="preview"] {
      margin-top: 0px;
      margin-right: 10px;
      font-weight: normal;
      }
      /*Champs textarea*/
      textarea {
      min-width: 97%;
      max-width: 97%;
      min-height: 100px;
      }
      /*Astérisques rouges*/
      .redd {
      color: red;
      }
      /*Crédits*/
      .credits {
      margin: 10px auto -10px auto;
      font-size: 11px;
      text-align: center;
      }
      .credits a {
      color: darkgreen;
      text-decoration: none;
      }
      .credits a:hover {
      color: blue;
      }
    </style>
    <script type="text/javascript">
    //<!--
      /*Fonction pour créer le message*/
      function creationMessage(NomForm) {  
          
        /* On met le titre dans le champ "titre" */
        NomForm.titre.value =
          "Présentation de " + NomForm.prenom.value + " " + NomForm.nom.value;

        /* On met le message dans le champ "message" */
        NomForm.message.value =
          "<link href='https://fonts.googleapis.com/css?family=Lobster|Pacifico|Dancing+Script' rel='stylesheet' type='text/css' />" +
          "<div class='prez'>" +
          "<img src='" + NomForm.urlimghaut.value + "' class='prez_haut' />" +
          "<div class='prez_nom'>" + NomForm.prenom.value + " " + NomForm.nom.value + "</div>" +
          "<div class='prez_citation'>« " + NomForm.citation.value + " »</div>" +
          "<div class='prez_bloc'>" +
          "<img src='" + NomForm.urlimgava.value + "' class='prez_ava' />" +
          "<div class='prez_right'>" +
          "<span class='prez_champ'>Prénom :</span> " + NomForm.prenom.value + "<br />" +
          "<span class='prez_champ'>Nom :</span> " + NomForm.nom.value + "<br />" +
          "<span class='prez_champ'>Surnom :</span> " + NomForm.surnom.value + "<br />" +
          "<span class='prez_champ'>Âge :</span> " + NomForm.age.value + "<br />" +
          "<span class='prez_champ'>Groupe :</span> " + NomForm.group.value + "<br />" +
          "<span class='prez_champ'>Pouvoir :</span> " + NomForm.pouvoir.value + "<br />" +
          "<span class='prez_champ'>Aime :</span> " + NomForm.aime.value + "<br />" +
          "<span class='prez_champ'>Déteste :</span> " + NomForm.deteste.value + "<br />" + "</div><div style='clear: both;'></div></div><div class='prez_title'>" +
          "Description physique</div><div class='prez_bloc'>" + NomForm.descphy.value + "</div><div class='prez_title'>" +
          "Description psycologique</div><div class='prez_bloc'>" + NomForm.descpsy.value + "</div><div class='prez_title'>" +
          "Histoire</div><div class='prez_bloc'>" + NomForm.hist.value + "</div><div class='prez_title'>" +
          "Informations sur le joueur</div><div class='prez_bloc'>" +
          "<img src='" + NomForm.urlimgbas.value + "' class='prez_bas' />" +
          "<div class='prez_right2'>" +
          "<span class='prez_champ'>Prénom :</span> " + NomForm.nomhrp.value + "<br />" +
          "<span class='prez_champ'>Âge :</span> " + NomForm.agehrp.value + "<br />" +
          "<span class='prez_champ'>Comment j'ai connu le forum :</span> " + NomForm.connu.value + "<br />" +
          "<span class='prez_champ'>Mon avis sur le forum :</span> " + NomForm.avis.value + "<br />" +
          "<span class='prez_champ'>Le code secret :</span> [hide]" + NomForm.secret.value + "[/hide]</div><div style='clear: both;'></div></div>" +
          "<div class='prez_credit'>Par <a href='http://www.never-utopia.com/u27' target='_blank'>Onyx</a> de <a href='http://www.never-utopia.com' target='_blank'>Never-Utopia</a>, inspiré de <a href='http://www.never-utopia.com/t43339-fiche-bois-sombre' target='_blank'>cette fiche</a> de Pastomaniac.</div></div></div>";

        /*On vérifie si on peut ou non envoyer le message*/
        var champsobligatoires = document.getElementsByClassName("obligatoire");
        var totalchampsobligatoires = 0;
        for (i = 0; i < champsobligatoires.length; i++) {
          var champvaleur = champsobligatoires[i].value;
          if (champvaleur.length > 0) {
            totalchampsobligatoires = totalchampsobligatoires + 1;
          }
        }
        if (totalchampsobligatoires < champsobligatoires.length) {
          alert("Tous les champs obligatoires (ceux avec un astérisque rouge) doivent être remplis.");
          return false;
        }
        else {
          return true;
        }
      }
    //-->
    </script>
  </head>
  <body>
    <form id="monId" action="/posting.forum" method="post" name="NomForm" enctype="multipart/form-data" target="_blank" onSubmit="return creationMessage(this)">
      <input type="hidden" name="mode" value="newtopic" />
      <input type="hidden" name="topictype" value="0" checked="checked" />
      <input type="hidden" name="message" value="" />
      <input type="hidden" name="f" value="10" />
      <input type="hidden" name="subject" id="titre" value="" />
      <h1>Formulaire de Présentation</h1>
      <h2>Informations sur le personnage</h2>
      <label for="prenom">Prénom<span class="redd">*</span> :</label><br />
      <input class="obligatoire" type="text" name="prenom" id="prenom" /><br />
      <br />
      <label for="nom">Nom<span class="redd">*</span> :</label><br />
      <input class="obligatoire" type="text" name="nom" id="nom" /><br />
      <br />
      <label for="surnom">Surnom :</label><br />
      <input type="text" name="surnom" id="surnom" /><br />
      <br />
      <label for="age">Âge<span class="redd">*</span> :</label><br />
      <input class="obligatoire" type="text" name="age" id="age" /><br />
      <br />
      <label for="group">Groupe<span class="redd">*</span> :</label><br />
      <select name="group" id="group">
        <option>Premier</option>
        <option>Deuxième</option>
        <option>Troisième</option>
        <option>Quatrième</option>
        <option>Etc.</option>
      </select><br />
      <br />
      <label for="pouvoir">Pouvoir<span class="redd">*</span> :</label><br />
      <input class="obligatoire" type="text" name="pouvoir" id="pouvoir" /><br />
      <br />
      <label for="aime">Aime<span class="redd">*</span> :</label><br />
      <input class="obligatoire" type="text" name="aime" id="aime" /><br />
      <br />
      <label for="deteste">Déteste<span class="redd">*</span> :</label><br />
      <input class="obligatoire" type="text" name="deteste" id="deteste" /><br />
      <br />
      <h2>Descriptions du personnage</h2>
      <label for="descphy">Description Physique<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="descphy" id="descphy"></textarea><br />
      <br />
      <br />
      <label for="descpsy">Description Psychologique<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="descpsy" id="descpsy"></textarea><br />
      <br />
      <br />
      <label for="hist">Histoire<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="hist" id="hist"></textarea><br />
      <br />
      <br />
      <h2>Informations sur le joueur</h2>
      <label for="nomhrp">Prénom :</label><br />
      <input type="text" name="nomhrp" id="nomhrp" /><br />
      <br />
      <label for="agehrp">Âge :</label><br />
      <input type="text" name="agehrp" id="agehrp" /><br />
      <br />
      <label for="connu">Comment avez-vous connu le forum<span class="redd">*</span> ?</label><br />
      <input class="obligatoire" type="text" name="connu" id="connu" /><br />
      <br />
      <label for="avis">Votre avis sur le forum ?</label><br />
      <textarea name="avis" id="avis"></textarea><br />
      <br />
      <label for="secret">Le code secret<span class="redd">*</span> ?</label><br />
      <input class="obligatoire" type="text" name="secret" id="secret" /><br />
      <br />
      <h2>Personnaliser la mise en page</h2>
      <label for="urlimghaut">URL de l'image du haut (500px par 200px) :</label><br />
      <input type="text" name="urlimghaut" id="urlimghaut" value="http://img15.hostingpics.net/pics/959085haut.jpg" /><br />
      <br />
      <label for="citation">Petite citation :</label><br />
      <input type="text" name="citation" id="citation" value="Petite citation" /><br />
      <br />
      <label for="urlimgava">URL de l'image du personnage (200px par 320px) :</label><br />
      <input type="text" name="urlimgava" id="urlimgava" value="http://img15.hostingpics.net/pics/485538middle.jpg" /><br />
      <br />
      <label for="urlimgbas">URL de l'image du joueur (100px par 100px) :</label><br />
      <input type="text" name="urlimgbas" id="urlimgbas" value="http://img15.hostingpics.net/pics/858946bas.jpg" /><br />
      <br />
      <br />
      <div style="text-align: center;">
        <input type="reset" name="reseta" value="Rénitialiser le formulaire" />
        <input type="submit" name="preview" value="Prévisualiser le formulaire" />
        <input type="submit" name="post" value="Envoyer le formulaire" />
      </div>
      <br />
      <div class="credits">Par <a href="http://www.never-utopia.com/u27" target="_blank">Onyx</a> de <a href="http://www.never-utopia.com" target="_blank">Never-Utopia</a>.</div>
    </form>
  </body>
</html>


Dernière édition par Oxtran le Mar 26 Oct 2021 - 19:45, édité 1 fois
Oxtran

Oxtran
Nouveau membre

Messages : 21
Inscrit(e) le : 03/10/2021

Voir le profil de l'utilisateur https://tourisme-a-bourges.forumactif.com/
Oxtran a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème lors de l'envoi des réponses à un formulaire

Message par Oka.mi Mar 26 Oct 2021 - 10:33

Bonjour,

En fait dans votre JavaScript, vous reprenez des valeurs du code initial (NomForm.prenom.value, NomForm.nom.value, NomForm.citation.value...), alors que vous ne les utilisez pas dans votre version du formulaire. Du coup comme le JavaScript ne trouve pas ces valeurs, il plante. J'ai donc corrigé votre code en enlevant les valeurs inutilisées.

Code:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <base target="_blank" />
    <meta name="author" content="Onyx" />
    <title>Formulaire de Présentation</title>
    <style type="text/css">
      /*Corps*/
      body {
      margin: 0px;
      color: #757575;
      font-family: 'Verdana';
      font-size: 13px;
      }
      /*Formulaire*/
      #monId {
      background-color: #dfdfdf;
      box-shadow: inset 0px 0px 15px #656565;
      margin: auto;
      border-radius: 10px;
      width: 500px;
      padding: 15px;
      }
      /*Titres*/
      h1, h2, h3 {
      color: #757575;
      text-align: center;
      font-family: 'Monotype Corsiva', cursive;
      font-size: 32px;
      font-weight: normal;
      }
      /*Petit titre*/
      h2 {
      font-size: 24px;
      }
      /*Champs text, number, password, textarea et select*/
      input[type="text"], input[type="number"], input[type="password"], textarea, select {
      display: inline-bloc;
      width: 97%;
      margin-top: 3px;
      background-color: #efefef;
      color: #858585;
      padding: 5px;
      border: none;
      border-radius: 5px;
      box-shadow: inset 2px 2px 2px #bfbfbf, inset -2px -2px 1px #bfbfbf;
      font-size: 13px;
      font-family: 'Arial';
      }
      /*Champs radio*/
      input[type="radio"] {
      display: inline-bloc;
      margin-top: 3px;
      vertical-align: bottom;
      }
      /*Champs submit et reset*/
      input[type="submit"], input[type="reset"] {
      margin-top: 10px;
      text-align: center;
      display: inline-block;
      font-weight: bold;
      background-color: #fdfdfd;
      border: 1px solid #c4c4c4;
      color: #757575;
      padding: 8px;
      padding-top: 8px;
      padding-bottom: 8px;
      border-radius: 5px;
      box-shadow: 2px 2px 2px #747474, inset 0px 0px 15px #a3a3a3;
      }
      /*Champs submit et reset au survol*/
      input[type="submit"]:hover, input[type="reset"]:hover {
      cursor: pointer;
      background-color: #ffffff;
      box-shadow: 4px 4px 4px #747474, inset 0px 0px 15px #a3a3a3;
      color: #656565;
      }
      /*Champs reset et prévisualiser*/
      input[type="reset"], input[name="preview"] {
      margin-top: 0px;
      margin-right: 10px;
      font-weight: normal;
      }
      /*Champs textarea*/
      textarea {
      min-width: 97%;
      max-width: 97%;
      min-height: 100px;
      }
      /*Astérisques rouges*/
      .redd {
      color: red;
      }
      /*Crédits*/
      .credits {
      margin: 10px auto -10px auto;
      font-size: 11px;
      text-align: center;
      }
      .credits a {
      color: darkgreen;
      text-decoration: none;
      }
      .credits a:hover {
      color: blue;
      }
    </style>
    <script type="text/javascript">
    //<!--
      /*Fonction pour créer le message*/
      function creationMessage(NomForm) {

        /* On met le titre dans le champ "titre" */
        NomForm.titre.value =
          "Candidature de " + NomForm.form_1.value;

        /* On met le message dans le champ "message" */
        NomForm.message.value =
          "<link href='https://fonts.googleapis.com/css?family=Lobster|Pacifico|Dancing+Script' rel='stylesheet' type='text/css' />" +
          "<div class='prez'>" +
          "<span class='prez_champ'>Pseudo :</span> " + NomForm.form_1.value + "<br />" +
          "<span class='prez_champ'>Screen de ton profil :</span> <br /> [spoiler]<img src='" + NomForm.form_2.value + "' />[/spoiler] <br />" +
          "<span class='prez_champ'>Comment as-tu découvert HabboCity et les autres plateformes (Habbo et les rétros) ? Depuis quand joues-tu et sous quels pseudos ? :</span> <br /> " + NomForm.form_3.value + "<br />" +
          "<span class='prez_champ'>Pourquoi joues-tu à HabboCity ? Quelles activités pratiques-tu dessus ? :</span> <br /> " + NomForm.form_4.value + "<br />" +
          "<span class='prez_champ'>Quels sont tes horaires de connexion ? :</span> " + NomForm.form_5.value + "<br />" +
          "<span class='prez_champ'>As-tu des antécédents dans des organisations du RPG d'affrontement (Role Play Krapule + Role Play Judiciaire) ? Si c'est le cas, quelle(s) organisation(s) et à quel(s) poste(s) (précise également la plateforme) ? :</span> <br /> " + NomForm.form_6.value + "<br />" +
          "<span class='prez_champ'>Qu’est-ce qui t’a poussé à la/les rejoindre à l'époque ? : </span> <br /> " + NomForm.form_7.value + "<br />" +
          "<span class='prez_champ'>Quelle est ta vision du Role Play Krapule actuellement ? :</span> <br /> " + NomForm.form_8.value + "<br />" +
          "<span class='prez_champ'>Quand et comment as-tu connu les O'Brien ? As-tu un (ou plusieurs) recruteur(s) ?</span> <br /> " + NomForm.form_9.value + "<br />" +
          "<span class='prez_champ'>Qu’est-ce qui t’a poussé à rejoindre la famille ? Que représente-t-elle pour toi ? :</span> <br /> " + NomForm.form_10.value + "<br />" +
          "<span class='prez_champ'>Penses-tu avoir les qualités requises pour l'intégrer ? :</span> <br /> " + NomForm.form_11.value + "<br />" +
          "<span class='prez_champ'>Pourquoi devrions-nous t’y accepter ? :</span> <br /> " + NomForm.form_12.value + "<br />" +
          "<span class='prez_champ'>Que recherches-tu le plus au sein des O'Brien ? Et penses-tu le trouver parmi nous ? :</span> <br /> " + NomForm.form_13.value + "<br />" +
          "<span class='prez_champ'>Penses-tu que nous puissions t’apporter quelque chose professionnellement ou humainement ? Et si oui, la ou lesquelles ?:</span> <br /> " + NomForm.form_14.value + "<br />" +
          "<span class='prez_champ'>Comment imagines-tu une journée type au sein de la famille ? :</span> <br /> " + NomForm.form_15.value + "<br />" +
          "<span class='prez_champ'>Es-tu satisfait(e) de la candidature que tu comptes nous proposer ? Combien de temps as-tu consacré à la réaliser ? :</span> <br /> " + NomForm.form_16.value + "<br />" +
          "<span class='prez_champ'>Que feras-tu si ta candidature est refusée ? :</span> <br /> " + NomForm.form_17.value + "<br />" +
      "<span class='prez_champ'>Un dernier mot pour terminer cette candidature dans les règles de l’art ? :</span> <br /> " + NomForm.form_18.value + "</div>" +
          "<div class='prez_credit'>Par <a href='http://www.never-utopia.com/u27' target='_blank'>Onyx</a> de <a href='http://www.never-utopia.com' target='_blank'>Never-Utopia</a>, inspiré de <a href='http://www.never-utopia.com/t43339-fiche-bois-sombre' target='_blank'>cette fiche</a> de Pastomaniac, modifié par Exio pour O'Brien.</div>";

        /*On vérifie si on peut ou non envoyer le message*/
        var champsobligatoires = document.getElementsByClassName("obligatoire");
        var totalchampsobligatoires = 0;
        for (i = 0; i < champsobligatoires.length; i++) {
          var champvaleur = champsobligatoires[i].value;
          if (champvaleur.length > 0) {
            totalchampsobligatoires = totalchampsobligatoires + 1;
          }
        }
        if (totalchampsobligatoires < champsobligatoires.length) {
          alert("Tous les champs obligatoires (ceux avec un astérisque rouge) doivent être remplis.");
          return false;
        }
        else {
          return true;
        }
      }
    //-->
    </script>
  </head>
  <body>
    <form id="monId" action="/posting.forum" method="post" name="NomForm" enctype="multipart/form-data" target="_blank" onSubmit="return creationMessage(this)">
      <input type="hidden" name="mode" value="newtopic" />
      <input type="hidden" name="topictype" value="0" checked="checked" />
      <input type="hidden" name="message" value="" />
      <input type="hidden" name="f" value="65" />
      <input type="hidden" name="subject" id="titre" value="" />
      <h1>Formulaire de candidature</h1>
      <center>Avant toute chose, sachez que la candidature que vous allez remplir ci-dessous est l’unique porte d’entrée pour
intégrer les O'Brien. Il est important de comprendre que tous les mots, toutes les ponctuations, et toutes les formulations que
vous allez employer tout au long de ce formulaire seront pris en compte. Il vous faudra donc être explicites, minutieux,
et soignés, mais surtout honnêtes dans vos réponses. Soyez également inventifs, ingénieux et surprenants afin de nous
montrer votre motivation à intégrer nos rangs. Les candidatures bâclées seront immédiatement refusées.
<br /><br />
« La langue d’un homme est un avant goût de son cœur. »</center>
      <h2>Informations sur le personnage</h2>
      <label for="form_1">Ton pseudo :<span class="redd">*</span> :</label><br />
      <input class="obligatoire" type="text" name="form_1" id="form_1" /><br /><br />
      <label for="form_2">Screen de ton profil HabboCity :<span class="redd">*</span> :</label><br />
      <input class="obligatoire" type="text" name="form_2" id="form_2" /><br />
      <br />
      <label for="form_3">Comment as-tu découvert HabboCity et les autres plateformes (Habbo et les rétros) ? Depuis quand joues-tu et sous quels pseudos ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_3" id="form_3"></textarea><br />
      <br />
      <label for="form_4">Pourquoi joues-tu à HabboCity ? Quelles activités pratiques-tu dessus ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_4" id="form_4"></textarea><br />
      <label for="form_5">Quels sont tes horaires de connexion ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_5" id="form_5"></textarea><br />
      <label for="form_6">As-tu des antécédents dans des organisations du RPG d'affrontement (Role Play Krapule + Role Play Judiciaire) ? Si c'est le cas, quelle(s) organisation(s) et à quel(s) poste(s) (précise également la plateforme) ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_6" id="form_6"></textarea><br />
      <label for="form_7">Qu’est-ce qui t’a poussé à la/les rejoindre à l'époque ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_7" id="form_7"></textarea><br />
      <label for="form_8">Quelle est ta vision du Role Play Krapule actuellement ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_8" id="form_8"></textarea><br />
      <label for="form_9">Quand et comment as-tu connu les O'Brien ? As-tu un (ou plusieurs) recruteur(s) ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_9" id="form_9"></textarea><br />
      <label for="form_10">Qu’est-ce qui t’a poussé à rejoindre la famille ? Que représente-t-elle pour toi ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_10" id="form_10"></textarea><br />
      <label for="form_11">Penses-tu avoir les qualités requises pour l'intégrer ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_11" id="form_11"></textarea><br />
      <label for="form_12">Pourquoi devrions-nous t’y accepter ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_12" id="form_12"></textarea><br />
      <label for="form_13">Que recherches-tu le plus au sein des O'Brien ? Et penses-tu le trouver parmi nous ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_13" id="form_13"></textarea><br />
      <label for="form_14">Penses-tu que nous puissions t’apporter quelque chose professionnellement ou humainement ? Et si oui, la ou lesquelles ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_14" id="form_14"></textarea><br />
      <label for="form_15">Comment imagines-tu une journée type au sein de la famille ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_15" id="form_15"></textarea><br />
      <label for="form_16">Es-tu satisfait(e) de la candidature que tu comptes nous proposer ? Combien de temps as-tu consacré à la réaliser ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_16" id="form_16"></textarea><br />
      <label for="form_17">Que feras-tu si ta candidature est refusée ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_17" id="form_17"></textarea><br />
      <label for="form_18">Un dernier mot pour terminer cette candidature dans les règles de l’art ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_18" id="form_18"></textarea><br />
      <div style="text-align: center;">
        <input type="reset" name="reseta" value="Rénitialiser le formulaire" />
        <input type="submit" name="preview" value="Prévisualiser le formulaire" />
        <input type="submit" name="post" value="Envoyer le formulaire" />
      </div>
      <br />
    <div class="credits">Par <a href="http://www.never-utopia.com/u27" target="_blank">Onyx</a> de <a href="http://www.never-utopia.com" target="_blank">Never-Utopia</a>, modifié par Exio pour O'Brien.</div>
    </form>
  </body>
</html>

Soit dit en passant, je me suis permise de remettre le crédit pour Never-Utopia, non seulement par respect pour l'auteur de ce code, mais aussi parce que c'est demandé https://www.never-utopia.com/t60709-formulaire-de-presentation
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2776
Inscrit(e) le : 06/01/2011

Voir le profil de l'utilisateur https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème lors de l'envoi des réponses à un formulaire

Message par Oxtran Mar 26 Oct 2021 - 19:44

Oka.mi a écrit:Bonjour,

En fait dans votre JavaScript, vous reprenez des valeurs du code initial (NomForm.prenom.value, NomForm.nom.value, NomForm.citation.value...), alors que vous ne les utilisez pas dans votre version du formulaire. Du coup comme le JavaScript ne trouve pas ces valeurs, il plante. J'ai donc corrigé votre code en enlevant les valeurs inutilisées.

Code:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <base target="_blank" />
    <meta name="author" content="Onyx" />
    <title>Formulaire de Présentation</title>
    <style type="text/css">
      /*Corps*/
      body {
      margin: 0px;
      color: #757575;
      font-family: 'Verdana';
      font-size: 13px;
      }
      /*Formulaire*/
      #monId {
      background-color: #dfdfdf;
      box-shadow: inset 0px 0px 15px #656565;
      margin: auto;
      border-radius: 10px;
      width: 500px;
      padding: 15px;
      }
      /*Titres*/
      h1, h2, h3 {
      color: #757575;
      text-align: center;
      font-family: 'Monotype Corsiva', cursive;
      font-size: 32px;
      font-weight: normal;
      }
      /*Petit titre*/
      h2 {
      font-size: 24px;
      }
      /*Champs text, number, password, textarea et select*/
      input[type="text"], input[type="number"], input[type="password"], textarea, select {
      display: inline-bloc;
      width: 97%;
      margin-top: 3px;
      background-color: #efefef;
      color: #858585;
      padding: 5px;
      border: none;
      border-radius: 5px;
      box-shadow: inset 2px 2px 2px #bfbfbf, inset -2px -2px 1px #bfbfbf;
      font-size: 13px;
      font-family: 'Arial';
      }
      /*Champs radio*/
      input[type="radio"] {
      display: inline-bloc;
      margin-top: 3px;
      vertical-align: bottom;
      }
      /*Champs submit et reset*/
      input[type="submit"], input[type="reset"] {
      margin-top: 10px;
      text-align: center;
      display: inline-block;
      font-weight: bold;
      background-color: #fdfdfd;
      border: 1px solid #c4c4c4;
      color: #757575;
      padding: 8px;
      padding-top: 8px;
      padding-bottom: 8px;
      border-radius: 5px;
      box-shadow: 2px 2px 2px #747474, inset 0px 0px 15px #a3a3a3;
      }
      /*Champs submit et reset au survol*/
      input[type="submit"]:hover, input[type="reset"]:hover {
      cursor: pointer;
      background-color: #ffffff;
      box-shadow: 4px 4px 4px #747474, inset 0px 0px 15px #a3a3a3;
      color: #656565;
      }
      /*Champs reset et prévisualiser*/
      input[type="reset"], input[name="preview"] {
      margin-top: 0px;
      margin-right: 10px;
      font-weight: normal;
      }
      /*Champs textarea*/
      textarea {
      min-width: 97%;
      max-width: 97%;
      min-height: 100px;
      }
      /*Astérisques rouges*/
      .redd {
      color: red;
      }
      /*Crédits*/
      .credits {
      margin: 10px auto -10px auto;
      font-size: 11px;
      text-align: center;
      }
      .credits a {
      color: darkgreen;
      text-decoration: none;
      }
      .credits a:hover {
      color: blue;
      }
    </style>
    <script type="text/javascript">
    //<!--
      /*Fonction pour créer le message*/
      function creationMessage(NomForm) {

        /* On met le titre dans le champ "titre" */
        NomForm.titre.value =
          "Candidature de " + NomForm.form_1.value;

        /* On met le message dans le champ "message" */
        NomForm.message.value =
          "<link href='https://fonts.googleapis.com/css?family=Lobster|Pacifico|Dancing+Script' rel='stylesheet' type='text/css' />" +
          "<div class='prez'>" +
          "<span class='prez_champ'>Pseudo :</span> " + NomForm.form_1.value + "<br />" +
          "<span class='prez_champ'>Screen de ton profil :</span> <br /> [spoiler]<img src='" + NomForm.form_2.value + "' />[/spoiler] <br />" +
          "<span class='prez_champ'>Comment as-tu découvert HabboCity et les autres plateformes (Habbo et les rétros) ? Depuis quand joues-tu et sous quels pseudos ? :</span> <br /> " + NomForm.form_3.value + "<br />" +
          "<span class='prez_champ'>Pourquoi joues-tu à HabboCity ? Quelles activités pratiques-tu dessus ? :</span> <br /> " + NomForm.form_4.value + "<br />" +
          "<span class='prez_champ'>Quels sont tes horaires de connexion ? :</span> " + NomForm.form_5.value + "<br />" +
          "<span class='prez_champ'>As-tu des antécédents dans des organisations du RPG d'affrontement (Role Play Krapule + Role Play Judiciaire) ? Si c'est le cas, quelle(s) organisation(s) et à quel(s) poste(s) (précise également la plateforme) ? :</span> <br /> " + NomForm.form_6.value + "<br />" +
          "<span class='prez_champ'>Qu’est-ce qui t’a poussé à la/les rejoindre à l'époque ? : </span> <br /> " + NomForm.form_7.value + "<br />" +
          "<span class='prez_champ'>Quelle est ta vision du Role Play Krapule actuellement ? :</span> <br /> " + NomForm.form_8.value + "<br />" +
          "<span class='prez_champ'>Quand et comment as-tu connu les O'Brien ? As-tu un (ou plusieurs) recruteur(s) ?</span> <br /> " + NomForm.form_9.value + "<br />" +
          "<span class='prez_champ'>Qu’est-ce qui t’a poussé à rejoindre la famille ? Que représente-t-elle pour toi ? :</span> <br /> " + NomForm.form_10.value + "<br />" +
          "<span class='prez_champ'>Penses-tu avoir les qualités requises pour l'intégrer ? :</span> <br /> " + NomForm.form_11.value + "<br />" +
          "<span class='prez_champ'>Pourquoi devrions-nous t’y accepter ? :</span> <br /> " + NomForm.form_12.value + "<br />" +
          "<span class='prez_champ'>Que recherches-tu le plus au sein des O'Brien ? Et penses-tu le trouver parmi nous ? :</span> <br /> " + NomForm.form_13.value + "<br />" +
          "<span class='prez_champ'>Penses-tu que nous puissions t’apporter quelque chose professionnellement ou humainement ? Et si oui, la ou lesquelles ?:</span> <br /> " + NomForm.form_14.value + "<br />" +
          "<span class='prez_champ'>Comment imagines-tu une journée type au sein de la famille ? :</span> <br /> " + NomForm.form_15.value + "<br />" +
          "<span class='prez_champ'>Es-tu satisfait(e) de la candidature que tu comptes nous proposer ? Combien de temps as-tu consacré à la réaliser ? :</span> <br /> " + NomForm.form_16.value + "<br />" +
          "<span class='prez_champ'>Que feras-tu si ta candidature est refusée ? :</span> <br /> " + NomForm.form_17.value + "<br />" +
      "<span class='prez_champ'>Un dernier mot pour terminer cette candidature dans les règles de l’art ? :</span> <br /> " + NomForm.form_18.value + "</div>" +
          "<div class='prez_credit'>Par <a href='http://www.never-utopia.com/u27' target='_blank'>Onyx</a> de <a href='http://www.never-utopia.com' target='_blank'>Never-Utopia</a>, inspiré de <a href='http://www.never-utopia.com/t43339-fiche-bois-sombre' target='_blank'>cette fiche</a> de Pastomaniac, modifié par Exio pour O'Brien.</div>";

        /*On vérifie si on peut ou non envoyer le message*/
        var champsobligatoires = document.getElementsByClassName("obligatoire");
        var totalchampsobligatoires = 0;
        for (i = 0; i < champsobligatoires.length; i++) {
          var champvaleur = champsobligatoires[i].value;
          if (champvaleur.length > 0) {
            totalchampsobligatoires = totalchampsobligatoires + 1;
          }
        }
        if (totalchampsobligatoires < champsobligatoires.length) {
          alert("Tous les champs obligatoires (ceux avec un astérisque rouge) doivent être remplis.");
          return false;
        }
        else {
          return true;
        }
      }
    //-->
    </script>
  </head>
  <body>
    <form id="monId" action="/posting.forum" method="post" name="NomForm" enctype="multipart/form-data" target="_blank" onSubmit="return creationMessage(this)">
      <input type="hidden" name="mode" value="newtopic" />
      <input type="hidden" name="topictype" value="0" checked="checked" />
      <input type="hidden" name="message" value="" />
      <input type="hidden" name="f" value="65" />
      <input type="hidden" name="subject" id="titre" value="" />
      <h1>Formulaire de candidature</h1>
      <center>Avant toute chose, sachez que la candidature que vous allez remplir ci-dessous est l’unique porte d’entrée pour
intégrer les O'Brien. Il est important de comprendre que tous les mots, toutes les ponctuations, et toutes les formulations que
vous allez employer tout au long de ce formulaire seront pris en compte. Il vous faudra donc être explicites, minutieux,
et soignés, mais surtout honnêtes dans vos réponses. Soyez également inventifs, ingénieux et surprenants afin de nous
montrer votre motivation à intégrer nos rangs. Les candidatures bâclées seront immédiatement refusées.
<br /><br />
« La langue d’un homme est un avant goût de son cœur. »</center>
      <h2>Informations sur le personnage</h2>
      <label for="form_1">Ton pseudo :<span class="redd">*</span> :</label><br />
      <input class="obligatoire" type="text" name="form_1" id="form_1" /><br /><br />
      <label for="form_2">Screen de ton profil HabboCity :<span class="redd">*</span> :</label><br />
      <input class="obligatoire" type="text" name="form_2" id="form_2" /><br />
      <br />
      <label for="form_3">Comment as-tu découvert HabboCity et les autres plateformes (Habbo et les rétros) ? Depuis quand joues-tu et sous quels pseudos ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_3" id="form_3"></textarea><br />
      <br />
      <label for="form_4">Pourquoi joues-tu à HabboCity ? Quelles activités pratiques-tu dessus ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_4" id="form_4"></textarea><br />
      <label for="form_5">Quels sont tes horaires de connexion ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_5" id="form_5"></textarea><br />
      <label for="form_6">As-tu des antécédents dans des organisations du RPG d'affrontement (Role Play Krapule + Role Play Judiciaire) ? Si c'est le cas, quelle(s) organisation(s) et à quel(s) poste(s) (précise également la plateforme) ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_6" id="form_6"></textarea><br />
      <label for="form_7">Qu’est-ce qui t’a poussé à la/les rejoindre à l'époque ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_7" id="form_7"></textarea><br />
      <label for="form_8">Quelle est ta vision du Role Play Krapule actuellement ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_8" id="form_8"></textarea><br />
      <label for="form_9">Quand et comment as-tu connu les O'Brien ? As-tu un (ou plusieurs) recruteur(s) ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_9" id="form_9"></textarea><br />
      <label for="form_10">Qu’est-ce qui t’a poussé à rejoindre la famille ? Que représente-t-elle pour toi ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_10" id="form_10"></textarea><br />
      <label for="form_11">Penses-tu avoir les qualités requises pour l'intégrer ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_11" id="form_11"></textarea><br />
      <label for="form_12">Pourquoi devrions-nous t’y accepter ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_12" id="form_12"></textarea><br />
      <label for="form_13">Que recherches-tu le plus au sein des O'Brien ? Et penses-tu le trouver parmi nous ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_13" id="form_13"></textarea><br />
      <label for="form_14">Penses-tu que nous puissions t’apporter quelque chose professionnellement ou humainement ? Et si oui, la ou lesquelles ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_14" id="form_14"></textarea><br />
      <label for="form_15">Comment imagines-tu une journée type au sein de la famille ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_15" id="form_15"></textarea><br />
      <label for="form_16">Es-tu satisfait(e) de la candidature que tu comptes nous proposer ? Combien de temps as-tu consacré à la réaliser ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_16" id="form_16"></textarea><br />
      <label for="form_17">Que feras-tu si ta candidature est refusée ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_17" id="form_17"></textarea><br />
      <label for="form_18">Un dernier mot pour terminer cette candidature dans les règles de l’art ?<span class="redd">*</span> :</label><br />
      <textarea class="obligatoire" name="form_18" id="form_18"></textarea><br />
      <div style="text-align: center;">
        <input type="reset" name="reseta" value="Rénitialiser le formulaire" />
        <input type="submit" name="preview" value="Prévisualiser le formulaire" />
        <input type="submit" name="post" value="Envoyer le formulaire" />
      </div>
      <br />
     <div class="credits">Par <a href="http://www.never-utopia.com/u27" target="_blank">Onyx</a> de <a href="http://www.never-utopia.com" target="_blank">Never-Utopia</a>, modifié par Exio pour O'Brien.</div>
    </form>
  </body>
</html>

Soit dit en passant, je me suis permise de remettre le crédit pour Never-Utopia, non seulement par respect pour l'auteur de ce code, mais aussi parce que c'est demandé https://www.never-utopia.com/t60709-formulaire-de-presentation

Merci pour votre aide!
Oxtran

Oxtran
Nouveau membre

Messages : 21
Inscrit(e) le : 03/10/2021

Voir le profil de l'utilisateur https://tourisme-a-bourges.forumactif.com/
Oxtran 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