Formulaire de présentation

[MariePassion]

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
Problème apparu depuis : Je n'est pas encore réussi à le faire fonctionner à 100%
Lien du forum : http://animationgraph.forum-canada.com/

Description du problème

Bonjour / Bonsoir,

Je suis présentement dans la confection d'un formulaire de présentation pour un forum. Le but est de simplifier la vie aux membres qui ne sont pas tous alaise avec les codes de présentation. Dans l'idéal lorsque le membre clique sur envoyer le formulaire ce poste automatiquement. Le titre prendra également sont pseudo et le placera à la suite de "Présentation de ".

j'ai donc chercher un peux partout sur la toile. J'ai trouver plusieurs tuto qui fonctionnais bien, mais a force d'ajouter des champs pour mon propre formulaire j'ai du me mélanger les pinceaux et mon code ne fonctionne plus. j'ai beau chercher mais je ne trouve pas d'où viens le problème. Je me débrouille un peux avec le JS mais c'est que la base.

Voici le code de mon formulaire :

Code:


<meta charset="utf-8" />
<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 455px;
    /* Pour voir les limites du formulaire */
    padding: 1em;
    border: 1px solid #CCC;
    border-radius: 1em;
}
 
form div + div {
    margin-top: 1em;
}
 

 

</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">
 
function envoiMessage(form)
{
// Créer un message BBcode à partir des informations fournies par le formulaire
var txt_message = "Bonjour à tous, je me présente : \n\n[color=#FF0000][b]Nom :[/color][/b] " + form.nom.value + '\n'
+ "[color=#FF0000][b]Âge :[/color][/b] " + form.age.value + '\n'
+ "[color=#FF0000][b]Études/Métier :[/color][/b] " + form.etude.value + '\n'
+ "[color=#FF0000][b]Hobbies :[/color][/b] " + form.hobbie.value + '\n'
+ "[color=#FF0000][b]Qualités/Défauts :[/color][/b] " + form.qualite.value + '\n' 
+ "[b]Niveau en Graphisme : [/b]";
for(var i = 0; i < form.niveaug.length; i++)
{
if(form.niveaug[i].checked == true) { txt_message = txt_message + " " + form.niveaug[i].value + '\n'; }
} 
txt_message = txt_message + "[b]Niveau en codage : [/b]";
for(var i = 0; i < form.niveauc.length; i++)
{
if(form.niveauc[i].checked == true) { txt_message = txt_message + " " + form.niveauc[i].value + '\n'; }
}
txt_message = txt_message + "[color=#FF0000][b]Mes créations :[/color][/b] [spoiler]" + form.creation.value + "[/spoiler]"  '\n'
+ "[color=#FF0000][b]Mon forum :[/color][/b] " + form.lien.value + '\n'
+ "[color=#FF0000][b]Comment avez-vous connu le forum ? [/color][/b] " + form.forum.value + '\n'
+ "[color=#FF0000][b]Pourquoi t'es-tu inscrit ?[/color][/b] " + form.pourquoi.value + '\n'
+ "[color=#FF0000][b]Quelle est ta première impression sur le forum ?[/color][/b] " + form.impression.value + '\n'
+ "[color=#FF0000][b]As-tu une question, une suggestion ?[/color][/b] " + form.question.value + '\n'
+ "[color=#FF0000][b]Code du règlement :[/color][/b] " + form.code.value + '\n'   
 
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
 
<!-- Données cachées -->
<form action="http://animationgraph.forum-canada.com/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 -->
 
<center>Générateur de présentation</center><br> <!-- Titre du formulaire -->
 
<!-- Cases à remplir du formulaire -->


<label for="nom">Prénom : </label>
<input type="text" id="nom" value="" required="required" />
 
<br><br><label for="age">Âge : </label>
<input type="text" id="age" value="" required="required" />
 
<br><br><label for="etude">Études/Métier : </label>
<input type="text" id="etude" value="" required="required" />

<br><br><label for="hobbie">Hobbies : </label>
<input type="text" id="hobbie" value="" required="required" />
 
<br><label for="qualite">Qualités/Défauts</label>
<textarea id="qualite" required="required"></textarea>

<br><br><!-- Tes talent -->


<br><br>Quel est votre niveau en graphisme ? :<br />
      <input type="radio" name="niveaug" value="Aucune connaissance" id="moins15" /> <label for="aucune">Aucune connaissance</label><br />
      <input type="radio" name="niveaug" value="Débutant" id="medium15-25" /> <label for="debutant">Débutant</label><br />
      <input type="radio" name="niveaug" value="Intermédiaire" id="intermediaire" /> <label for="intermediaire">Intermédiaire</label><br />
      <input type="radio" name="niveaug" value="Expert" id="expert" /> <label for="expert">Expert</label>
    
<br><br>Quel est votre niveau en graphisme ? :<br />
      <input type="radio" name="niveauc" value="Aucune connaissance" id="moins15" /> <label for="aucune">Aucune connaissance</label><br />
      <input type="radio" name="niveauc" value="Débutant" id="medium15-25" /> <label for="debutant">Débutant</label><br />
      <input type="radio" name="niveauc" value="Intermédiaire" id="intermediaire" /> <label for="intermediaire">Intermédiaire</label><br />
      <input type="radio" name="niveauc" value="Expert" id="expert" /> <label for="expert">Expert</label>

<br><br><label for="creation">Montrez nous vos créations :</label>
<textarea id="creation" required="required">blabla par défaut</textarea>

<br><br><label for="lien">Le lien de votre forum : </label>
<input type="text" id="lien" value="" required="required" />


<br><br><br><br><!-- Toi et Epicode -->

<label for="forum">Comment avez-vous connu le forum ?</label>
<input type="text" id="forum" value="" required="required" />

<br><br><label for="pourquoi">Pourquoi t'es-tu inscrit ?</label>
<input type="text" id="pourquoi" value="" required="required" />

<br><br><label for="impression">Quelle est ta première impression sur le forum ?</label>
<input type="text" id="impression" value="" required="required" />

<br><br><label for="question">As-tu une question, une suggestion ?</label>
<input type="text" id="question" value="" required="required" />

<br><br><label for="code">Code du règlement :</label>
<input type="text" id="code" value="" required="required" />
 

 
<br><br><input type="submit" name="post" value="Envoyer" />

</form>


Merci à l'âme charitable qui voudra bien m'aidé ♥

[MariePassion]

Un petit Up =)

[mariok13]

Bonsoir
je viens de teste mais comme je suis pas inscrit sur ton forum il me laisse sur la page de connexion
Sinon j'ai bien pu remplir tout les champs

[MariePassion]

Pour le tester au complet il aurais peut-être fallu changer "http://animationgraph.forum-canada.com/posting.forum" par le lien de ton forum. Mais je peux aussi mettre mon forum ouvert au invité je n'y est pas penser XD

Mon problème surviens justement à cette étable là. Lorsqu'on envoie les informations à la page de publication, cette dernière reste vide. Elle ne prend pas les informations qu'on lui fournis pour les copier/coller dans le topic.

J'ai ouvert la section présentation aux invités c'est là qu'en théorie mon sujet devrait se posté.

[Scoubifitz]

bonjour,

Les identifiants des inputs radios doivent rester uniques , coté html .
La variable d'une condition locale est unique aussi (for{var ...)
Il y a un retour à la ligne dans le script qui se promène sans son "+" ...

Code:

<meta charset="utf-8" />
<style>
form {
/* Pour le centrer dans la page */
margin: 0 auto;
width: 455px;
/* Pour voir les limites du formulaire */
padding: 1em;
border: 1px solid #CCC;
border-radius: 1em;
}

form div + div {
margin-top: 1em;
}
</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">
function envoiMessage(form)
{
// Créer un message BBcode à partir des informations fournies par le formulaire
var txt_message = "Bonjour à tous, je me présente : \n\n[color=#FF0000][b]Nom :[/color][/b] " + form.nom.value + '\n'
+ "[color=#FF0000][b]Âge :[/color][/b] " + form.age.value + '\n'
+ "[color=#FF0000][b]Études/Métier :[/color][/b] " + form.etude.value + '\n'
+ "[color=#FF0000][b]Hobbies :[/color][/b] " + form.hobbie.value + '\n'
+ "[color=#FF0000][b]Qualités/Défauts :[/color][/b] " + form.qualite.value + '\n'
+ "[b]Niveau en Graphisme : [/b]";
for(var ig = 0; ig < form.niveaug.length; ig++)
{
if(form.niveaug[ig].checked == true) { txt_message += " " + form.niveaug[ig].value + '\n'; }
}
txt_message += "[b]Niveau en codage : [/b]";
for(var ic = 0; ic < form.niveauc.length; ic++)
{
if(form.niveauc[ic].checked == true) { txt_message += " " + form.niveauc[ic].value + '\n'; }
}
txt_message += "[color=#FF0000][b]Mes créations :[/color][/b] [spoiler]" + form.creation.value + "[/spoiler]" + '\n'
+ "[color=#FF0000][b]Mon forum :[/color][/b] " + form.lien.value + '\n'
+ "[color=#FF0000][b]Comment avez-vous connu le forum ? [/color][/b] " + form.forum.value + '\n'
+ "[color=#FF0000][b]Pourquoi t'es-tu inscrit ?[/color][/b] " + form.pourquoi.value + '\n'
+ "[color=#FF0000][b]Quelle est ta première impression sur le forum ?[/color][/b] " + form.impression.value + '\n'
+ "[color=#FF0000][b]As-tu une question, une suggestion ?[/color][/b] " + form.question.value + '\n'
+ "[color=#FF0000][b]Code du règlement :[/color][/b] " + form.code.value + '\n';
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<!-- 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="Présentation de " class="USERNAME"/> <!-- implantation du username dans le titre du sujet -->
<center>Générateur de présentation</center><br> <!-- Titre du formulaire -->
<!-- Cases à remplir du formulaire -->
<label for="nom">Prénom : </label>
<input type="text" id="nom" value="" required="required" />
<br><br><label for="age">Âge : </label>
<input type="text" id="age" value="" required="required" />
<br><br><label for="etude">Études/Métier : </label>
<input type="text" id="etude" value="" required="required" />
<br><br><label for="hobbie">Hobbies : </label>
<input type="text" id="hobbie" value="" required="required" />
<br><label for="qualite">Qualités/Défauts</label>
<textarea id="qualite" required="required"></textarea>
<br><br><!-- Tes talent -->
<br><br>Quel est votre niveau en graphisme ? :<br />
<input type="radio" name="niveaug" value="Aucune connaissance" id="aucune" /> <label for="aucune">Aucune connaissance</label><br />
<input type="radio" name="niveaug" value="Débutant" id="debutant" /> <label for="debutant">Débutant</label><br />
<input type="radio" name="niveaug" value="Intermédiaire" id="intermediaire" /> <label for="intermediaire">Intermédiaire</label><br />
<input type="radio" name="niveaug" value="Expert" id="expert" /> <label for="expert">Expert</label>
<br><br>Quel est votre niveau en graphisme ? :<br />
<input type="radio" name="niveauc" value="Aucune connaissance" id="aucune1" /> <label for="aucune1">Aucune connaissance</label><br />
<input type="radio" name="niveauc" value="Débutant" id="debutant1" /> <label for="debutant1">Débutant</label><br />
<input type="radio" name="niveauc" value="Intermédiaire" id="intermediaire1" /> <label for="intermediaire1">Intermédiaire</label><br />
<input type="radio" name="niveauc" value="Expert" id="expert1" /> <label for="expert1">Expert</label>
<br><br><label for="creation">Montrez nous vos créations :</label>
<textarea id="creation" required="required">blabla par défaut</textarea>
<br><br><label for="lien">Le lien de votre forum : </label>
<input type="text" id="lien" value="" required="required" />
<br><br><br><br><!-- Toi et Epicode -->
<label for="forum">Comment avez-vous connu le forum ?</label>
<input type="text" id="forum" value="" required="required" />
<br><br><label for="pourquoi">Pourquoi t'es-tu inscrit ?</label>
<input type="text" id="pourquoi" value="" required="required" />
<br><br><label for="impression">Quelle est ta première impression sur le forum ?</label>
<input type="text" id="impression" value="" required="required" />
<br><br><label for="question">As-tu une question, une suggestion ?</label>
<input type="text" id="question" value="" required="required" />
<br><br><label for="code">Code du règlement :</label>
<input type="text" id="code" value="" required="required" />
<br><br><input type="submit" name="post" value="Envoyer" />
</form>

[MariePassion]

Ah ! un grand merci =)

Je n'est pas de grande base en Javasript, mais j'ai tout compris et j'ai pue voir où était les erreurs en mettent les code côte à côte.

Merci encore !

Sujet résolut ^^