Le formulaire ne s'envoie pas.

[Lilith-93]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://lilith-test.forumactif.org

Description du problème

Bonjour !

Voilà, j'ai créé un formulaire de présentation pour mon futur forum sur mon forum test en me servant ce ce tuto. Malheureusement, lorsque j'appuie sur "poster votre présentation", je vois la fenêtre pour poster un sujet et il y a un message d'erreur "Vous devez entrer un message avant de poster." et effectivement, dans l'encadré où l'on écrit le message, il n'y a strictement rien.

Voici mon code en entier

Code:

<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 500px;
    /* Pour voir les limites du formulaire */
    border: 1px solid #6B5983;
  background : #DFE2EC;
  padding: 5px;
   
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 500px;      /*largeur*/
    height: 20px;      /*hauteur*/
    text-align: left;  /* alignement*/
    font-family: Arial; /* police */
    color: #4f4f4f;    /* couleur de la police */
    font-size: 12pt;    /* taille de la police */

   
}
 
input, textarea {
    /* Afin de s'assurer que toutes les cellules utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
      font: 1em arial;
      font-size: 12pt;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 500px; /* règle la largeur des cases */
border: none;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    background: #E9ECF2
}
input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
 
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 150px;
}
 
  .titregen {width: 492px;
  background: #6B5983;
  color: #DFE2EC;
  padding: 10px;
  font-size: 40px;
  font-variant: small-caps;}
</style>
 <script type="text/javascript" src="http://tinyurl.com/var-fa"></script> <!-- Permet de pouvoir récupérer le username d'un utilisateur -->
<script type="text/javascript">envoiMessage(form)
{
// Créer un message BBcode à partir des informations fournies par le formulaire
var txt_message = "[class=titre] " + form.pseudo.value
+ "[/class]
    
   [class=navrap] " + form.nom.value + " | " + form.age.value +" | " + form.act.value +" | " + form.mariage.value +" | " +  form.lieu.value
+ "[/class]
 
  [class=con][class=tititre]Ma présentation[/class] " + form.perso.value
+ "[/class]
  [class=avan]
    [class=date]Mes enfants[/class][class=desc]J'ai  " + form.nbenf.value + ", qui s'appellent " + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value
+ " ans.[/class]
 
    [class=date]Maternidée et moi[/class][class=desc][b]Comment j'ai connu le forum[/b] : " + form.forum.value + '\n'
    +"[b]Je compte poster des photos[/b] : " + form.photo.value + '\n'
    +"[b]Ce que j'attends de la communauté [/b]:" + form.raison.value. + "[/class][/class]"   
 
</script>

 
 

  <center><div class="titregen">Générateur de présentation</div></center><!-- Titre du formulaire -->
<!-- Données cachées -->
<form action="http://lilith-test.forumactif.org/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="3" /> <!--  ID du forum dans lequel le message sera posté-->
<input type="hidden" name="subject" id="titre" value="Présentation de " class="USERNAME"/> <!-- implantation du username dans le titre du sujet -->
 

<!-- Cases à remplir du formulaire -->
 <p>
        <label for="pseudo">Votre pseudo :</label>
        <input type="text" name="pseudo" id="pseudo"/>
    </p>
 
<p><label for="nom">Prénom ou surnom: </label>
<input type="text" id="nom" value="" /></p>
 
<p><label for="age">Âge : </label>
<input type="text" id="age" value="" /></p>
 
<p><label for="lieu">Département : </label>
<input type="text" id="lieu" value="" /></p>
 

<p><label for="act">Activité professionnelle : </label>
<input type="text" id="act" value="" /></p>
   
<p><label for="mariage">Quelle est votre situation maritale</label>
      <select name="mariage" id="pays">
          <optgroup label="Je vis avec quelqu'un">
              <option value="france">Mariée</option>
              <option value="espagne">Pacsée</option>
              <option value="italie">Union libre (concubinage)</option>
          <optgroup label="Je vis seule avec mes enfants">
              <option value="canada">Célibataire</option>
              <option value="etats-unis">Divorcée</option>
            <option value="veuve">Veuve</option>
            </optgroup></select></p>
 
<p><label for="perso">Présente toi un peu. Qu'aimes-tu ? Quels sont tes hobbies ?</label>
<textarea id="perso" ></textarea>
 
<p><label for="photo">Veux-tu poster des photos de tes enfants ?</label>
      <select name="photo" id="photo">         
              <option value="oui">Non</option>
        <option value="non">Oui</option></select></p>
             
  <p><label for="nbenf">Combien d'enfants as-tu ?</label>
  <input type="number" min="0" max="10" width="30px"/></p>
 
  <p><label for="pnomenf">Quels sont leurs prénoms ?</label>
<input type="text" id="pnomenf" value="" /></p>
 
  <p><label for="amienf">L'age minimum de la fraterie :</label>
  <input type="number" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
    <label for="amaenf">L'age maximum de la fraterie :</label>
    <input type="number" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/></p>
 
<p><label for="forum">Comment avez-vous connu le forum ?</label>
<input type="text" id="forum" value="" /></p>
 
<p><label for="raison">Qu'est ce que tu viens chercher sur Maternidée ?</label>
  <input type="text" id="raison" value="" /></p>
 

 
  <br/><br/><input type="submit" name="post" value="Poster votre présentation" />
</form>

Merci d'avance à qui m'aidera <3
Bonne journée <3

[Lilith-93]

Up

[Lilith-93]

Up <3

[Lilith-93]

Up

[Lilith-93]

Up

[Miettes]

Coucou

Eh bien, déjà, on a un petit couac ici :

Code:

var txt_message = "[class=titre] " + form.pseudo.value
+ "[/class]
   
  [class=navrap] " + form.nom.value + " | " + form.age.value +" | " + form.act.value +" | " + form.mariage.value +" | " +  form.lieu.value
+ "[/class]
 
  [class=con][class=tititre]Ma présentation[/class] " + form.perso.value
+ "[/class]
  [class=avan]
    [class=date]Mes enfants[/class][class=desc]J'ai  " + form.nbenf.value + ", qui s'appellent " + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value
+ " ans.[/class]
 
    [class=date]Maternidée et moi[/class][class=desc][b]Comment j'ai connu le forum[/b] : " + form.forum.value + '\n'
    +"[b]Je compte poster des photos[/b] : " + form.photo.value + '\n'
    +"[b]Ce que j'attends de la communauté [/b]:" + form.raison.value. + "[/class][/class]"

où de nombreux retour à la ligne que le js n'aime pas ont fait leur apparition. Voici la partie corrigée :

Code:

var txt_message = "[class=titre] " + form.pseudo.value+ "[/class]"+
    "[class=navrap] " + form.nom.value + " | " + form.age.value +" | " + form.act.value +" | " + form.mariage.value +" | " +  form.lieu.value + "[/class]" +
    "[class=con][class=tititre]Ma présentation[/class] " + form.perso.value + "[/class]" +
    "[class=avan][class=date]Mes enfants[/class][class=desc]J'ai  " + form.nbenf.value + ", qui s'appellent " + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value + " ans.[/class]" +
    "[class=date]Maternidée et moi[/class][class=desc][b]Comment j'ai connu le forum[/b] : " + form.forum.value + '\n' +
    "[b]Je compte poster des photos[/b] : " + form.photo.value + '\n' +
    "[b]Ce que j'attends de la communauté [/b]:" + form.raison.value. + "[/class][/class]"  ;

Ensuite, il manque l'info concernant le titre du sujet :

Code:

form.subject.value = "Présentation de "+ form.pseudo.value +"";

Je te propose d'apporter déjà ces modifications et on verra ensuite si ça coince encore

[Lilith-93]

Merci de la réponse

Ca coince toujours, c'est le même problème :/

[Lixyr]

Bonjour,

Alors, déjà, plusieurs erreurs dans le code :

"Ce que j'attends de la communauté :" + form.raison.value. + "[/class][/class]" ;

Il faut enlever le point en trop (en rouge).

Ensuite :

envoiMessage(form)

Ici vous voulez déclarer une fonction, mais vous ne déclarez pas que c'en est une. Il faut faire comme ça :

Code:

function envoiMessage(form)

Ensuite j'ai ceci comme erreur :

form.nbenf is undefined

Et vous, vous avez ceci :

<p>
<label for="nbenf">Combien d'enfants as-tu ?</label>
<input type="number" min="0" max="10" width="30px"/>
</p>

Il faut lier le label et le input.

<input type="number" name="nbenf" min="0" max="10" width="30px"/>

Pareil ici :

<p>
<label for="amienf">L'age minimum de la fraterie :</label>
<input type="number" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
<label for="amaenf">L'age maximum de la fraterie :</label>
<input type="number" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
</p>

Il faut mettre :

<p>
<label for="amienf">L'age minimum de la fraterie :</label>
<input type="number" name="amienf" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
<label for="amaenf">L'age maximum de la fraterie :</label>
<input type="number" name="amaenf" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
</p>

Ensuite, vous récupérer les informations saisies dans la variable txt_message, mais vous n'en faites rien de cette variable. Or, vous avez ceci dans votre code :

<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->

Cet input a comme value : "", ce qui veut dire une valeur vide... Donc le champ est vide. Il faut stocker la valeur de la variable txt_message dans cet input pour que lors de l'envoi du formulaire il puisse le poster.


Enfin, au niveau du pseudo, vous récupérez le pseudo du membre automatiquement et essayez de le stocker dans un input, mais lorsque vous envoyez le formulaire, vous supprimez cette valeur et la remplacez par celle saisie. Il faudrait choisir. Donc enlever le pseudo rajouté automatiquement et conserver celui renseigné dans le formulaire, soit retirer tout ça :

<script type="text/javascript" src="http://tinyurl.com/var-fa"></script> <!-- Permet de pouvoir récupérer le username d'un utilisateur -->

et

<input type="hidden" name="subject" id="titre" value="Présentation de " class="USERNAME"/> <!-- implantation du username dans le titre du sujet -->

Une fois tout ceci corrigé, vous obtenez ce code :

Code:

<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 500px;
    /* Pour voir les limites du formulaire */
    border: 1px solid #6B5983;
  background : #DFE2EC;
  padding: 5px;
 
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 500px;      /*largeur*/
    height: 20px;      /*hauteur*/
    text-align: left;  /* alignement*/
    font-family: Arial; /* police */
    color: #4f4f4f;    /* couleur de la police */
    font-size: 12pt;    /* taille de la police */

 
}
 
input, textarea {
    /* Afin de s'assurer que toutes les cellules utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
      font: 1em arial;
      font-size: 12pt;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 500px; /* règle la largeur des cases */
border: none;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    background: #E9ECF2
}
input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
 
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 150px;
}
 
  .titregen {width: 492px;
  background: #6B5983;
  color: #DFE2EC;
  padding: 10px;
  font-size: 40px;
  font-variant: small-caps;}
</style>

<script type="text/javascript">function envoiMessage(form) {
  // Créer un message BBcode à partir des informations fournies par le formulaire
  var txt_message = "[class=titre] " + form.pseudo.value + "[/class]"
  +"[class=navrap] " + form.nom.value + " | " + form.age.value +" | " + form.act.value
  +" | " + form.mariage.value +" | " +  form.lieu.value + "[/class]"
  +"[class=con][class=tititre]Ma présentation[/class] " + form.perso.value + "[/class]"
  +"[class=avan][class=date]Mes enfants[/class][class=desc]J'ai  " + form.nbenf.value + ", qui s'appellent "
  + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value + " ans.[/class]"
  +"[class=date]Maternidée et moi[/class][class=desc][b]Comment j'ai connu le forum[/b] : "
  + form.forum.value + '\n' +"[b]Je compte poster des photos[/b] : "
  + form.photo.value + '\n' +"[b]Ce que j'attends de la communauté [/b]:"
  + form.raison.value + "[/class][/class]";
  form.message.value = txt_message;
  form.subject.value = "Présentation de "+ form.pseudo.value +"";
  }
</script>


<!-- Titre du formulaire -->
<center>
  <div class="titregen">Générateur de présentation</div>
</center>
<!-- Données cachées -->
<form action="/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
  <input type="hidden" name="lt" value="0" />
  <input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
  <input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
  <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
  <input type="hidden" name="f" value="3" /> <!--  ID du forum dans lequel le message sera posté-->
  <input type="hidden" name="subject" id="titre" value=""/> <!-- le titre du sujet -->

  <!-- Cases à remplir du formulaire -->
  <p>
    <label for="pseudo">Votre pseudo :</label>
    <input type="text" name="pseudo" id="pseudo"/>
  </p>
  <p>
    <label for="nom">Prénom ou surnom: </label>
    <input type="text" id="nom" value="" />
  </p>
  <p>
    <label for="age">Âge : </label>
    <input type="text" id="age" value="" />
  </p>
  <p>
    <label for="lieu">Département : </label>
    <input type="text" id="lieu" value="" />
  </p>
  <p>
    <label for="act">Activité professionnelle : </label>
    <input type="text" id="act" value="" />
  </p>
  <p>
    <label for="mariage">Quelle est votre situation maritale</label>
    <select name="mariage" id="pays">
      <optgroup label="Je vis avec quelqu'un">
        <option value="france">Mariée</option>
        <option value="espagne">Pacsée</option>
        <option value="italie">Union libre (concubinage)</option>
      </optgroup>
      <optgroup label="Je vis seule avec mes enfants">
        <option value="canada">Célibataire</option>
        <option value="etats-unis">Divorcée</option>
        <option value="veuve">Veuve</option>
      </optgroup>
    </select>
  </p>
  <p>
    <label for="perso">Présente toi un peu. Qu'aimes-tu ? Quels sont tes hobbies ?</label>
    <textarea id="perso" ></textarea>
  </p>
  <p>
    <label for="photo">Veux-tu poster des photos de tes enfants ?</label>
    <select name="photo" id="photo">       
      <option value="oui">Non</option>
      <option value="non">Oui</option>
    </select>
  </p>         
  <p>
    <label for="nbenf">Combien d'enfants as-tu ?</label>
    <input type="number" name="nbenf" min="0" max="10" width="30px"/>
  </p>
  <p>
    <label for="pnomenf">Quels sont leurs prénoms ?</label>
    <input type="text" id="pnomenf" value="" />
  </p>
  <p>
    <label for="amienf">L'age minimum de la fraterie :</label>
    <input type="number" name="amienf" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
    <label for="amaenf">L'age maximum de la fraterie :</label>
    <input type="number" name="amaenf" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
  </p>
  <p>
    <label for="forum">Comment avez-vous connu le forum ?</label>
    <input type="text" id="forum" value="" />
  </p>
  <p>
    <label for="raison">Qu'est ce que tu viens chercher sur Maternidée ?</label>
    <input type="text" id="raison" value="" />
  </p>
  <br/><br/>
  <input type="submit" name="post" value="Poster votre présentation" />
</form>

Bon, il y a encore des erreurs, mais le tutoriel de base que vous avez suivi est bourré d'erreurs...
De votre côté...

Code:

[class=titre] pseudo[/class]

Je n'avais encore jamais vu ce genre de bbcode...
Je ne sais pas ce que vous avez voulu faire, mais je vous conseille de mettre des table à la place ou autre chose.

[Lilith-93]

Bonjour !
Merci de votre réponse !
Par contre, il y a un souci. Lorsque je rentre

Code:

<input type="hidden" name="message" value="txt_message" /> <!-- Contiendra le texte du message -->

ou

Code:

<input type="hidden" name="message" value="var txt_message" /> <!-- Contiendra le texte du message -->

tout ce que ça me met c'est "txt_message" ou "var txt-message".

Et lorsque je copie/colle votre code en entier, ça me met

Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.

Voici le code en entier, modifié (bbcode changé en HTML).

Code:

<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 500px;
    /* Pour voir les limites du formulaire */
    border: 1px solid #6B5983;
  background : #DFE2EC;
  padding: 5px;
 
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 500px;      /*largeur*/
    height: 20px;      /*hauteur*/
    text-align: left;  /* alignement*/
    font-family: Arial; /* police */
    color: #4f4f4f;    /* couleur de la police */
    font-size: 12pt;    /* taille de la police */

 
}
 
input, textarea {
    /* Afin de s'assurer que toutes les cellules utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
      font: 1em arial;
      font-size: 12pt;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 500px; /* règle la largeur des cases */
border: none;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    background: #E9ECF2
}
input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
 
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 150px;
}
 
  .titregen {width: 492px;
  background: #6B5983;
  color: #DFE2EC;
  padding: 10px;
  font-size: 40px;
  font-variant: small-caps;}
</style>

<script type="text/javascript">function envoiMessage(form) {
  // Créer un message BBcode à partir des informations fournies par le formulaire
  var txt_message = "<div class="titre"> " + form.pseudo.value + "</div>"
  +"<div class="navrap"> " + form.nom.value + " | " + form.age.value +" | " + form.act.value
  +" | " + form.mariage.value +" | " +  form.lieu.value + "</div>"
  +"<div class="con"><div class="tititre">Ma présentation</div> " + form.perso.value + "</div>"
  +"<div class="avan"><div class="date">Mes enfants</div><div class="desc>J'ai  " + form.nbenf.value + ", qui s'appellent "
  + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value + " ans.</div>"
  +"<div class="date">Maternidée et moi</div><div class="desc><b>Comment j'ai connu le forum</b> : "
  + form.forum.value + '\n' +"<b>Je compte poster des photos</b> : "
  + form.photo.value + '\n' +"<b>Ce que j'attends de la communauté </b>:"
  + form.raison.value + "</div></div>";
  form.message.value = txt_message;
  form.subject.value = "Présentation de "+ form.pseudo.value +"";
  }
</script>


<!-- Titre du formulaire -->
<center>
  <div class="titregen">Générateur de présentation</div>
</center>
<!-- Données cachées -->
<form action="/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
  <input type="hidden" name="lt" value="0" />
  <input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
  <input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
  <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
  <input type="hidden" name="f" value="3" /> <!--  ID du forum dans lequel le message sera posté-->
  <input type="hidden" name="subject" id="titre" value=""/> <!-- le titre du sujet -->

  <!-- Cases à remplir du formulaire -->
  <p>
    <label for="pseudo">Votre pseudo :</label>
    <input type="text" name="pseudo" id="pseudo"/>
  </p>
  <p>
    <label for="nom">Prénom ou surnom: </label>
    <input type="text" id="nom" value="" />
  </p>
  <p>
    <label for="age">Âge : </label>
    <input type="text" id="age" value="" />
  </p>
  <p>
    <label for="lieu">Département : </label>
    <input type="text" id="lieu" value="" />
  </p>
  <p>
    <label for="act">Activité professionnelle : </label>
    <input type="text" id="act" value="" />
  </p>
  <p>
    <label for="mariage">Quelle est votre situation maritale</label>
    <select name="mariage" id="pays">
      <optgroup label="Je vis avec quelqu'un">
        <option value="france">Mariée</option>
        <option value="espagne">Pacsée</option>
        <option value="italie">Union libre (concubinage)</option>
      </optgroup>
      <optgroup label="Je vis seule avec mes enfants">
        <option value="canada">Célibataire</option>
        <option value="etats-unis">Divorcée</option>
        <option value="veuve">Veuve</option>
      </optgroup>
    </select>
  </p>
  <p>
    <label for="perso">Présente toi un peu. Qu'aimes-tu ? Quels sont tes hobbies ?</label>
    <textarea id="perso" ></textarea>
  </p>
  <p>
    <label for="photo">Veux-tu poster des photos de tes enfants ?</label>
    <select name="photo" id="photo">       
      <option value="oui">Non</option>
      <option value="non">Oui</option>
    </select>
  </p>         
  <p>
    <label for="nbenf">Combien d'enfants as-tu ?</label>
    <input type="number" name="nbenf" min="0" max="10" width="30px"/>
  </p>
  <p>
    <label for="pnomenf">Quels sont leurs prénoms ?</label>
    <input type="text" id="pnomenf" value="" />
  </p>
  <p>
    <label for="amienf">L'age minimum de la fraterie :</label>
    <input type="number" name="amienf" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
    <label for="amaenf">L'age maximum de la fraterie :</label>
    <input type="number" name="amaenf" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
  </p>
  <p>
    <label for="forum">Comment avez-vous connu le forum ?</label>
    <input type="text" id="forum" value="" />
  </p>
  <p>
    <label for="raison">Qu'est ce que tu viens chercher sur Maternidée ?</label>
    <input type="text" id="raison" value="" />
  </p>
  <br/><br/>
  <input type="submit" name="post" value="Poster votre présentation" />
</form>

Encore merci de votre réponse.

[Lixyr]

Bonjour !
Merci de votre réponse !
Par contre, il y a un souci. Lorsque je rentre

Code:

<input type="hidden" name="message" value="txt_message" /> <!-- Contiendra le texte du message -->

ou

Code:

<input type="hidden" name="message" value="var txt_message" /> <!-- Contiendra le texte du message -->

tout ce que ça me met c'est "txt_message" ou "var txt-message".

Je me suis mal exprimée, désolée. Le remplissage se fait obligatoirement par JavaScript, car la variable est remplie avec du JavaScript. Et je l'ai rajouté dans le code que je vous ai fourni. C'est ce passage :

form.message.value = txt_message;

Comme vous avez mis du HTML et qu'il y a des guillemets, ça génère des erreurs. C'est pour ça que ça ne fonctionne pas (d'ailleurs vous avez oublié un guillemet à une des div :

<div class="desc"><b>Comment j

)

Pour le HTML il faut échapper tous les guillemets des attributs, comme ceci :

class=\"CLASSE\"

ATTRIBUT=\"ATTRIBUT\"

Voici le code corrigé :

Code:

<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 500px;
    /* Pour voir les limites du formulaire */
    border: 1px solid #6B5983;
  background : #DFE2EC;
  padding: 5px;
 
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 500px;      /*largeur*/
    height: 20px;      /*hauteur*/
    text-align: left;  /* alignement*/
    font-family: Arial; /* police */
    color: #4f4f4f;    /* couleur de la police */
    font-size: 12pt;    /* taille de la police */

 
}
 
input, textarea {
    /* Afin de s'assurer que toutes les cellules utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
      font: 1em arial;
      font-size: 12pt;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 500px; /* règle la largeur des cases */
border: none;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    background: #E9ECF2
}
input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
 
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 150px;
}
 
  .titregen {width: 492px;
  background: #6B5983;
  color: #DFE2EC;
  padding: 10px;
  font-size: 40px;
  font-variant: small-caps;}
</style>

<!-- Titre du formulaire -->
<center>
  <div class="titregen">Générateur de présentation</div>
</center>
<!-- Données cachées -->
<form action="/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
  <input type="hidden" name="lt" value="0" />
  <input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
  <input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
  <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
  <input type="hidden" name="f" value="3" /> <!--  ID du forum dans lequel le message sera posté-->
  <input type="hidden" name="subject" id="titre" value=""/> <!-- le titre du sujet -->

  <!-- Cases à remplir du formulaire -->
  <p>
    <label for="pseudo">Votre pseudo :</label>
    <input type="text" name="pseudo" id="pseudo"/>
  </p>
  <p>
    <label for="nom">Prénom ou surnom: </label>
    <input type="text" id="nom" value="" />
  </p>
  <p>
    <label for="age">Âge : </label>
    <input type="text" id="age" value="" />
  </p>
  <p>
    <label for="lieu">Département : </label>
    <input type="text" id="lieu" value="" />
  </p>
  <p>
    <label for="act">Activité professionnelle : </label>
    <input type="text" id="act" value="" />
  </p>
  <p>
    <label for="mariage">Quelle est votre situation maritale</label>
    <select name="mariage" id="pays">
      <optgroup label="Je vis avec quelqu'un">
        <option value="france">Mariée</option>
        <option value="espagne">Pacsée</option>
        <option value="italie">Union libre (concubinage)</option>
      </optgroup>
      <optgroup label="Je vis seule avec mes enfants">
        <option value="canada">Célibataire</option>
        <option value="etats-unis">Divorcée</option>
        <option value="veuve">Veuve</option>
      </optgroup>
    </select>
  </p>
  <p>
    <label for="perso">Présente toi un peu. Qu'aimes-tu ? Quels sont tes hobbies ?</label>
    <textarea id="perso" ></textarea>
  </p>
  <p>
    <label for="photo">Veux-tu poster des photos de tes enfants ?</label>
    <select name="photo" id="photo">     
      <option value="oui">Non</option>
      <option value="non">Oui</option>
    </select>
  </p>       
  <p>
    <label for="nbenf">Combien d'enfants as-tu ?</label>
    <input type="number" name="nbenf" min="0" max="10" width="30px"/>
  </p>
  <p>
    <label for="pnomenf">Quels sont leurs prénoms ?</label>
    <input type="text" id="pnomenf" value="" />
  </p>
  <p>
    <label for="amienf">L'age minimum de la fraterie :</label>
    <input type="number" name="amienf" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
    <label for="amaenf">L'age maximum de la fraterie :</label>
    <input type="number" name="amaenf" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
  </p>
  <p>
    <label for="forum">Comment avez-vous connu le forum ?</label>
    <input type="text" id="forum" value="" />
  </p>
  <p>
    <label for="raison">Qu'est ce que tu viens chercher sur Maternidée ?</label>
    <input type="text" id="raison" value="" />
  </p>
  <br/><br/>
  <input type="submit" name="post" value="Poster votre présentation" />
</form>


<script type="text/javascript">function envoiMessage(form) {
  // Créer un message BBcode à partir des informations fournies par le formulaire
  // Créer un message BBcode à partir des informations fournies par le formulaire
  var txt_message = "<div class="titre">" + form.pseudo.value + "</div>"
  + "<div class="navrap"> " + form.nom.value + " | " + form.age.value +" | " + form.act.value
  + " | " + form.mariage.value +" | " +  form.lieu.value + "</div>"
  + "<div class="con"><div class="tititre">Ma présentation</div> " + form.perso.value + "</div>"
  + "<div class="avan"><div class="date">Mes enfants</div><div class="desc">J'ai  " + form.nbenf.value + ", qui s'appellent "
  + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value + " ans.</div><div class="date">Maternidée et moi</div><div class="desc"><b>Comment j'ai connu le forum</b> : "
  + form.forum.value + '\n' +"<b>Je compte poster des photos</b> : "
  + form.photo.value + '\n' +"<b>Ce que j'attends de la communauté </b>:"
  + form.raison.value + "</div></div>";
  form.message.value = txt_message;
  form.subject.value = "Présentation de "+ form.pseudo.value +"";
  }
</script>

J'ai mis le JS en bas, c'est mieux.

[Lilith-93]

Je ne comprends pas ce que vous voulez dire par là

Pour le HTML il faut échapper tous les guillemets des attributs, comme ceci :

class="CLASSE"
ATTRIBUT="ATTRIBUT"

Sinon ça m'affiche toujours le même message. Je commence un peu à me dire que ça vient de moi et de mon incapacité à manier le code JS le plus simple du monde...

[MasDan]

Bonjour,

Voci une version fonctionnelle (le message est bien envoyé sur mon site de test).

Remplacer votre code par ceci

Code:

<meta charset="utf-8" />

<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 500px;
    /* Pour voir les limites du formulaire */
    border: 1px solid #6B5983;
  background : #DFE2EC;
  padding: 5px;
 
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 500px;      /*largeur*/
    height: 20px;      /*hauteur*/
    text-align: left;  /* alignement*/
    font-family: Arial; /* police */
    color: #4f4f4f;    /* couleur de la police */
    font-size: 12pt;    /* taille de la police */

 
}
 
input, textarea {
    /* Afin de s'assurer que toutes les cellules utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
      font: 1em arial;
      font-size: 12pt;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 500px; /* règle la largeur des cases */
border: none;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    background: #E9ECF2
}
input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
 
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 150px;
}
 
  .titregen {width: 492px;
  background: #6B5983;
  color: #DFE2EC;
  padding: 10px;
  font-size: 40px;
  font-variant: small-caps;}
 
div.USERNAME {
  display: none;
}
</style>

<script type="text/javascript">function envoiMessage(form) {
  // Créer un message BBcode à partir des informations fournies par le formulaire
  var txt_message = "<div class='titre'> " + form.pseudo.value + "</div>"
  +"<div class='navrap'> " + form.nom.value + " | " + form.age.value +" | " + form.act.value
  +" | " + form.mariage.value +" | " +  form.lieu.value + "</div>"
  +"<div class='con'><div class='tititre'>Ma présentation</div> " + form.perso.value + "</div>"
  +"<div class='avan'><div class='date'>Mes enfants</div><div class='desc'>J'ai  " + form.nbenf.value + ", qui s'appellent "
  + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value + " ans.</div>"
  +"<div class='date'>Maternidée et moi</div><div class='desc'><b>Comment j'ai connu le forum</b> : "
  + form.forum.value + '<br />' +"<b>Je compte poster des photos</b> : "
  + form.photo.value + '<br />' +"<b>Ce que j'attends de la communauté </b>:"
  + form.raison.value + "</div></div>";
 
  form.message.value = txt_message;
  form.subject.value = "Présentation de "+ form.pseudo.value;

  form.message.value = txt_message;
  form.subject.value = "Présentation de " + $("div.USERNAME").text().trim();
  }
</script>


<!-- Titre du formulaire -->
<center>
  <div class="titregen">Générateur de présentation</div>
</center>
<!-- Données cachées -->
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
  <input type="hidden" name="lt" value="0" />
  <input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
  <input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
  <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
  <input type="hidden" name="f" value="3" /> <!--  ID du forum dans lequel le message sera posté-->
  <input type="hidden" name="subject" id="titre" value=""/> <!-- le titre du sujet -->

  <!-- Cases à remplir du formulaire -->
  <p>
    <label for="pseudo">Votre pseudo :</label>
    <input type="text" name="pseudo" id="pseudo"/>
  </p>
  <p>
    <label for="nom">Prénom ou surnom: </label>
    <input type="text" id="nom" value="" />
  </p>
  <p>
    <label for="age">Âge : </label>
    <input type="text" id="age" value="" />
  </p>
  <p>
    <label for="lieu">Département : </label>
    <input type="text" id="lieu" value="" />
  </p>
  <p>
    <label for="act">Activité professionnelle : </label>
    <input type="text" id="act" value="" />
  </p>
  <p>
    <label for="mariage">Quelle est votre situation maritale</label>
    <select name="mariage" id="pays">
      <optgroup label="Je vis avec quelqu'un">
        <option value="france">Mariée</option>
        <option value="espagne">Pacsée</option>
        <option value="italie">Union libre (concubinage)</option>
      </optgroup>
      <optgroup label="Je vis seule avec mes enfants">
        <option value="canada">Célibataire</option>
        <option value="etats-unis">Divorcée</option>
        <option value="veuve">Veuve</option>
      </optgroup>
    </select>
  </p>
  <p>
    <label for="perso">Présente toi un peu. Qu'aimes-tu ? Quels sont tes hobbies ?</label>
    <textarea id="perso" ></textarea>
  </p>
  <p>
    <label for="photo">Veux-tu poster des photos de tes enfants ?</label>
    <select name="photo" id="photo">     
      <option value="oui">Oui</option>
      <option value="non">Non</option>
    </select>
  </p>       
  <p>
    <label for="nbenf">Combien d'enfants as-tu ?</label>
    <input type="number" name="nbenf" min="0" max="10" width="30px"/>
  </p>
  <p>
    <label for="pnomenf">Quels sont leurs prénoms ?</label>
    <input type="text" id="pnomenf" value="" />
  </p>
  <p>
    <label for="amienf">L'age minimum de la fraterie :</label>
    <input type="number" name="amienf" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
    <label for="amaenfBonjour,

Voci une version fonctionnelle (le message est bien envoyé sur mon site de test).

Remplacer votre code par ceci
[code]<meta charset="utf-8" />

<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 500px;
    /* Pour voir les limites du formulaire */
    border: 1px solid #6B5983;
  background : #DFE2EC;
  padding: 5px;
 
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 500px;      /*largeur*/
    height: 20px;      /*hauteur*/
    text-align: left;  /* alignement*/
    font-family: Arial; /* police */
    color: #4f4f4f;    /* couleur de la police */
    font-size: 12pt;    /* taille de la police */

 
}
 
input, textarea {
    /* Afin de s'assurer que toutes les cellules utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
      font: 1em arial;
      font-size: 12pt;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 500px; /* règle la largeur des cases */
border: none;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    background: #E9ECF2
}
input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
 
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 150px;
}
 
  .titregen {width: 492px;
  background: #6B5983;
  color: #DFE2EC;
  padding: 10px;
  font-size: 40px;
  font-variant: small-caps;}
 
div.USERNAME {
  display: none;
}
</style>

<script type="text/javascript">function envoiMessage(form) {
  // Créer un message BBcode à partir des informations fournies par le formulaire
  var txt_message = "<div class='titre'> " + form.pseudo.value + "</div>"
  +"<div class='navrap'> " + form.nom.value + " | " + form.age.value +" | " + form.act.value
  +" | " + form.mariage.value +" | " +  form.lieu.value + "</div>"
  +"<div class='con'><div class='tititre'>Ma présentation</div> " + form.perso.value + "</div>"
  +"<div class='avan'><div class='date'>Mes enfants</div><div class='desc'>J'ai  " + form.nbenf.value + ", qui s'appellent "
  + form.pnomenf.value + " et ont entre" + form.amienf.value + " et " + form.amaenf.value + " ans.</div>"
  +"<div class='date'>Maternidée et moi</div><div class='desc'><b>Comment j'ai connu le forum</b> : "
  + form.forum.value + '<br />' +"<b>Je compte poster des photos</b> : "
  + form.photo.value + '<br />' +"<b>Ce que j'attends de la communauté </b>:"
  + form.raison.value + "</div></div>";
 
  form.message.value = txt_message;
  form.subject.value = "Présentation de "+ form.pseudo.value;

  form.message.value = txt_message;
  form.subject.value = "Présentation de " + $("div.USERNAME").text().trim();
  }
</script>


<!-- Titre du formulaire -->
<center>
  <div class="titregen">Générateur de présentation</div>
</center>
<!-- Données cachées -->
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
  <input type="hidden" name="lt" value="0" />
  <input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
  <input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
  <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
  <input type="hidden" name="f" value="3" /> <!--  ID du forum dans lequel le message sera posté-->
  <input type="hidden" name="subject" id="titre" value=""/> <!-- le titre du sujet -->

  <!-- Cases à remplir du formulaire -->
  <p>
    <label for="pseudo">Votre pseudo :</label>
    <input type="text" name="pseudo" id="pseudo"/>
  </p>
  <p>
    <label for="nom">Prénom ou surnom: </label>
    <input type="text" id="nom" value="" />
  </p>
  <p>
    <label for="age">Âge : </label>
    <input type="text" id="age" value="" />
  </p>
  <p>
    <label for="lieu">Département : </label>
    <input type="text" id="lieu" value="" />
  </p>
  <p>
    <label for="act">Activité professionnelle : </label>
    <input type="text" id="act" value="" />
  </p>
  <p>
    <label for="mariage">Quelle est votre situation maritale</label>
    <select name="mariage" id="pays">
      <optgroup label="Je vis avec quelqu'un">
        <option value="france">Mariée</option>
        <option value="espagne">Pacsée</option>
        <option value="italie">Union libre (concubinage)</option>
      </optgroup>
      <optgroup label="Je vis seule avec mes enfants">
        <option value="canada">Célibataire</option>
        <option value="etats-unis">Divorcée</option>
        <option value="veuve">Veuve</option>
      </optgroup>
    </select>
  </p>
  <p>
    <label for="perso">Présente toi un peu. Qu'aimes-tu ? Quels sont tes hobbies ?</label>
    <textarea id="perso" ></textarea>
  </p>
  <p>
    <label for="photo">Veux-tu poster des photos de tes enfants ?</label>
    <select name="photo" id="photo">     
      <option value="oui">Oui</option>
      <option value="non">Non</option>
    </select>
  </p>       
  <p>
    <label for="nbenf">Combien d'enfants as-tu ?</label>
    <input type="number" name="nbenf" min="0" max="10" width="30px"/>
  </p>
  <p>
    <label for="pnomenf">Quels sont leurs prénoms ?</label>
    <input type="text" id="pnomenf" value="" />
  </p>
  <p>
    <label for="amienf">L'age minimum de la fraterie :</label>
    <input type="number" name="amienf" min="0" placeholder="âge minimum de la fraterie" width="30px"/>
    <label for="amaenf">L'age maximum de la fraterie :</label>
    <input type="number" name="amaenf" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
  </p>
  <p>
    <label for="forum">Comment avez-vous connu le forum ?</label>
    <input type="text" id="forum" value="" />
  </p>
  <p>
    <label for="raison">Qu'est ce que tu viens chercher sur Maternidée ?</label>
    <input type="text" id="raison" value="" />
  </p>
  <br/><br/>
  <input type="submit" name="post" value="Poster votre présentation" />
</form>
  <!--  div caché pour implantation du username dans le titre du sujet  -->
<div class="USERNAME"> </div>[/code]

Note:
1) code javascript
  Le code javascript reste à perfectionner.
  Attention aux chaînes de caractères
    exemple: J'ai corrigé [code]"<div class="titre"> "[/code] par [code]"<div class='titre'> "[/code].

3) Il faudra corriger les «value» pour la question maritale et il manque probablement une question pour le pays.

4) Pour la question des photos les «value» étient inversés - j'ai corrigé

5) Option placeholder  (âge min - max). Il faut un espace suffisant pour que le texte puisse apparaître. Ici vous devriez le supprimer.
">L'age maximum de la fraterie :</label>
    <input type="number" name="amaenf" min="0" max="10" width="30px" placeholder="âge maximum de la fraterie"/>
  </p>
  <p>
    <label for="forum">Comment avez-vous connu le forum ?</label>
    <input type="text" id="forum" value="" />
  </p>
  <p>
    <label for="raison">Qu'est ce que tu viens chercher sur Maternidée ?</label>
    <input type="text" id="raison" value="" />
  </p>
  <br/><br/>
  <input type="submit" name="post" value="Poster votre présentation" />
</form>
  <!--  div caché pour implantation du username dans le titre du sujet  -->
<div class="USERNAME"> </div>

Note:
1) code javascript
Le code javascript reste à perfectionner.
Attention aux chaînes de caractères
exemple: J'ai corrigé

Code:

"<div class="titre"> "

par

Code:

"<div class='titre'> "

Le caractère utilisé comme délimiteur ne peux être utilisé dans la chaîne de caractères (sauf si préfixé par \).

2) Il faudra corriger les «value» pour la question maritale et il manque probablement une question pour le pays.

3) Pour la question des photos les «value» étient inversés - j'ai corrigé

4) Option placeholder (âge min - max). Il faut un espace suffisant pour que le texte puisse apparaître. Ici vous devriez le supprimer.

5) J'ai utilisé la variable USERNAME. Est-ce que la question pour le pseudo est toujours requise?

[Lilith-93]

Merci beaucoup ! Ca fonctionne ! :DD

5) J'ai utilisé la variable USERNAME. Est-ce que la question pour le pseudo est toujours requise?

Elle l'est toujours pour l'entête de la présentation.

Merci à vous trois d'avoir bien voulu me prêter votre aide.