Problème avec un générateur

[Demell]

Bonsoir,

J'ai décidé de mettre un formulaire pour mon forum, voici le code que j'ai utilisé :

Code:

<script type="text/javascript">
    function envoiMessage(form)
    {
      // Créer un message à partir des informations fournies
      var txt_message = "<strong>Pseudo :</strong> " + form.nom.value + '\n'
                  + "<strong>Un numéro entre 1 et 20 :</strong> " + form.prenom.value + '\n'
                  + "<strong>Sexe :</strong> " + form.genre.value + '\n'
                  + "<strong>J'aime :</strong>\n<ul>";
                  // Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
                  for(var i = 0; i < form.gouts.length; i++)
                  {
                      if(form.gouts[i].checked == true) { txt_message = txt_message + '<li>' + form.gouts[i].value + '\n'; }
                  }
                  txt_message = txt_message + "</li></ul><strong>En plus</strong> : " + form.plus.value + '\n';
      // Insère le texte construit dans le champ caché "message" du formulaire
      form.message.value = txt_message;
    }
    </script>
<h3>Formulaire </h3>
<form action="http://magicfantasy.tonempire.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="32" /> <!--  ID du forum dans lequel le message sera posté-->
<label for="titre">Titre de votre sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" />


<label for="Votre pseudo :">Votre pseudo :</label><input type="text" size="30" name="nom" id="nom" />

<label for="Un numéro entre 1 et 20 :">Un numéro entre 1 et 20 : </label><input type="text" size="30" name="prenom" id="prenom" />

<label for="Sexe :">Sexe : </label><select name="genre" id="genre"><option>Masculin</option><option>Féminin</option></select>
<label>Vous êtes pour... : </label>

<input type="checkbox" name="gouts" id="La destruction de Malfékia" value="La destruction de Malfékia" /><label for="La destruction de Malfékia">La destruction de Malfékia</label>

<input type="checkbox" name="gouts" id="La paix sur Malfékia" value="La paix sur Malfékia" /><label for="La paix sur Malfékia">La paix sur Malfékia</label>

<input type="checkbox" name="Vous êtes neutre" id="chips" value="Vous êtes neutre" /><label for="Vous êtes neutre">Vous êtes neutre</label>

<label for="plus">Groupe que vous aimeriez rejoindre ? </label>

<textarea id="plus" name="plus"></textarea>

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

J'ai inséré le code si-dessus dans une nouvelle page html que j'ai crée et dans le sujet ou je voulais
que soit le formulaire j'ai mis se code :

Code:

<iframe src="http://magicfantasy.tonempire.com/h4-ma-page-html" style="width: 100%;height:500px;border: 0px;" Scrolling="no"> </iframe>

Premier problème : les différents champs du formulaires sont tous regroupés sans retour à la ligne



Deuxième problème : j'ai quand même testé mon formulaire pour voir si il marchait et en cliquant sur envoyé,
je reste sur la même page et à la place du code dans le message je vois mon la page d'accueil de mon forum (dans mon message) :


En plus de ses dysfonctionnement, mon formulaire ne marche pas du tout... (il ne créait pas de nouveau sujet avec les information du formulaire dedans)

J'espère que quelqu'un pourra m'aider
Cordialement,
Demell

[SoraNoHime]

Bonsoir,

pour votre premier problème, il vous suffit de mettre en page votre formulaire. autrement dit, soit mettre les différentes demandes dans un tableau, les séparer par des retour à la ligne.

Cordialement.

[Scoubifitz]

bonsoir,

réponse n°1 : mettre des retours à la ligne (<br>)

Code:

<label for="titre">Titre de votre sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" /><br>

<label for="Votre pseudo :">Votre pseudo :</label><input type="text" size="30" name="nom" id="nom" /><br>

<label for="Un numéro entre 1 et 20 :">Un numéro entre 1 et 20 : </label><input type="text" size="30" name="prenom" id="prenom" /><br>

<label for="Sexe :">Sexe : </label><select name="genre" id="genre"><option>Masculin</option><option>Féminin</option></select><br>
<label>Vous êtes pour... : </label><br>

<input type="checkbox" name="gouts" id="La destruction de Malfékia" value="La destruction de Malfékia" /><label for="La destruction de Malfékia">La destruction de Malfékia</label>

<input type="checkbox" name="gouts" id="La paix sur Malfékia" value="La paix sur Malfékia" /><label for="La paix sur Malfékia">La paix sur Malfékia</label>

<input type="checkbox" name="Vous êtes neutre" id="chips" value="Vous êtes neutre" /><label for="Vous êtes neutre">Vous êtes neutre</label><br>

<label for="plus">Groupe que vous aimeriez rejoindre ? </label><br>

<textarea id="plus" name="plus"></textarea>

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

pour la réponse à la question 2 , Senhime a donné le "truc" ...

https://forum.forumactif.com/t280246-formulaire#2492944

réponse n°3 :

quelques erreurs concernant les identifiants , et les valeurs ...

voilà le code corrigé :

Code:

<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "<strong>Pseudo :</strong> " + form.nom.value + '\n'
+ "<strong>Un numéro entre 1 et 20 :</strong> " + form.prenom.value + '\n'
+ "<strong>Sexe :</strong> " + form.genre.value + '\n'
+ "<strong>J\'aime :</strong><ul>";
// Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
for(var i = 0; i < form.gouts.length; i++)
{
if(form.gouts[i].checked == true) { txt_message = txt_message + "<li>" + form.gouts[i].value + "</li>" + '\n'; }
}
txt_message = txt_message + "</ul><strong>En plus</strong> : " + form.plus.value + '\n';
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<h3>Formulaire </h3>
<form action="http://magicfantasy.tonempire.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="32" /> <!--  ID du forum dans lequel le message sera posté-->
<label for="titre">Titre de votre sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" /><br><br>

<label for="nom">Votre pseudo :</label><input type="text" size="30" name="nom" id="nom" /><br><br>

<label for="numero">Un numéro entre 1 et 20 : </label><input type="text" size="30" name="prenom" id="numero" /><br><br>

<label for="genre">Sexe : </label><select name="genre" id="genre"><option>Masculin</option><option>Féminin</option></select><br><br>
<label>Vous êtes pour... : </label><br>

<input type="checkbox" name="gouts" id="destruction" value="La destruction de Malfékia" /><label for="destruction">La destruction de Malfékia</label>

<input type="checkbox" name="gouts" id="paix" value="La paix sur Malfékia" /><label for="paix">La paix sur Malfékia</label>

<input type="checkbox" name="gouts" id="chips" value="Vous êtes neutre" /><label for="chips">Vous êtes neutre</label><br><br>

<label for="plus">Groupe que vous aimeriez rejoindre ? </label><br>

<textarea id="plus" name="plus"></textarea><br><br>

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

[Demell]

Merci beaucoup, pour les rectification et les sauts à la ligne

Si j'ai bien compris, il faut que je prenne se code :

Code:

<form method="post" action="http://lesgendresbeta5.forumactif.org/posting.forum" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">

J'ai remplacé l'adresse url par la mienne, mais ou dois-je placé le code maintenant ?
J'ai essayé de le mettre dans ma page html mais sa n'a rien changé, j'ai du louper une étape ?

Cordialement,
Demell

[Demell]

[Scoubifitz]

bonjour,

on va reprendre calmement les étapes ...

le fait de vouloir un formulaire dans un iframe impose quelques contraintes ...

votre formulaire doit être dans une page HTML complète , c'est à dire avec "head" et "body" ...

remplacer votre code HTML par celui-ci :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8;" />
</head>
<body>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "<strong>Pseudo :</strong> " + form.nom.value + '\n'
+ "<strong>Un numéro entre 1 et 20 :</strong> " + form.prenom.value + '\n'
+ "<strong>Sexe :</strong> " + form.genre.value + '\n'
+ "<strong>J\'aime :</strong><ul>";
// Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
for(var i = 0; i < form.gouts.length; i++)
{
if(form.gouts[i].checked == true) { txt_message = txt_message + "<li>" + form.gouts[i].value + "</li>" + '\n'; }
}
txt_message = txt_message + "</ul><strong>En plus</strong> : " + form.plus.value + '\n';
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<h3>Formulaire </h3>
<form action="http://magicfantasy.tonempire.com/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">
<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="32" /> <!--  ID du forum dans lequel le message sera posté-->
<label for="titre">Titre de votre sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" /><br><br>

<label for="nom">Votre pseudo :</label><input type="text" size="30" name="nom" id="nom" /><br><br>

<label for="numero">Un numéro entre 1 et 20 : </label><input type="text" size="30" name="prenom" id="numero" /><br><br>

<label for="genre">Sexe : </label><select name="genre" id="genre"><option>Masculin</option><option>Féminin</option></select><br><br>
<label>Vous êtes pour... : </label><br>

<input type="checkbox" name="gouts" id="destruction" value="La destruction de Malfékia" /><label for="destruction">La destruction de Malfékia</label>

<input type="checkbox" name="gouts" id="paix" value="La paix sur Malfékia" /><label for="paix">La paix sur Malfékia</label>

<input type="checkbox" name="gouts" id="chips" value="Vous êtes neutre" /><label for="chips">Vous êtes neutre</label><br><br>

<label for="plus">Groupe que vous aimeriez rejoindre ? </label><br>

<textarea id="plus" name="plus"></textarea><br><br>

<input type="submit" name="post" value="Envoyer" />
</form>
</body>
</html>

ensuite , éditez le message dans lequel vous voulez le formulaire et collez ceci :

<iframe src="http://magicfantasy.tonempire.com/h4-" style="width: 100%;height:500px;border: 1px solid blue;" Scrolling="no"> </iframe>

" h4- " est votre page HTML

j'ai mis " border: 1px solid blue " pour mieux visualiser l'iframe , qui fait toute la largeur du message et 500 px de haut ...

le même code , sans la bordure :

Code:

<iframe src="http://magicfantasy.tonempire.com/h4-" style="width: 100%;height:500px;border: 0px;" Scrolling="no"> </iframe>

[Demell]

Merci beaucoup ! Sa marche à merveille