Créer un formulaire sur une page HTML (Aucun tuto ici ne fonctionne)

[Sabros33]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://lqhs.forum-canada.net

Description du problème

Bonjour, j'essaye de faire un petit formulaire HTML comme ceci: http://lqhs.forum-canada.net/h36-formulairetrades jusque là tout est beau je l'ai fait avec un des nombreux tutos ici mais lorsque je fais envoyer ça me dit «Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster».

J'ai essayé les codes ici dans 10 sujets et jamais un a fonctionné... Est-ce que vous pouvez m'aider ?

Merci. Voici le script du lien:

Code:

<script type="text/javascript">
function envoiMessage(form)
{
  // Créer un message à partir des informations fournies
  var txt_message = "[b]Élément#1[/b] " + form.Élément#1.value + '\n'
              + "[b]Élément#2[/b] " + form.Élément#2.value + '\n'
        + "[b]Élément#3[/b] " + form.Élément#3.value + '\n'
        + "[b]Élément#4[/b] " + form.Élément#4.value + '\n'
        + "[b]Élément1[/b] " + form.Élément1.value + '\n'
        + "[b]Élément2[/b] " + form.Élément2.value + '\n'
        + "[b]Élément3[/b] " + form.Élément3.value + '\n'
              + "[b]Élément4[/b] " + form.Élément4.value + '\n'
              + "[b]Options cochées par le DG:[/b]\n[list]";
              // 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.options.length; i++)
              {
                  if(form.options[i].checked == true) { txt_message = txt_message + '[*]' + form.options[i].value + '\n'; }
              }
              txt_message = txt_message + "[/list][b]Justification du 1er DG[/b] : " + justification.plus.value + '\n';
  // Insère le texte construit dans le champ caché "message" du formulaire
  form.message.value = txt_message;
}
</script>

<h3>Formulaire de dépôt de transaction</h3>
<form action="http://lqhs.forum-canada.net/posting.forum" method="post" name="post" enctype="multipart/form-data">
<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="50" /> <!--  ID du forum dans lequel le message sera posté-->

  <label for="titre">Nom des deux équipes (Ex.: Boston - Tampa Bay)</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" />
  <br/>
 
  <label for="Élément#1">Élément#1: </label><input type="text" size="30" name="Élément#1" id="Élément#1" />
  <br/>
 
<label for="Élément#2">Élément#2: </label><input type="text" size="30" name="Élément#2" id="Élément#2" />
  <br/>
 
 <label for="Élément#2">Élément#3: </label><input type="text" size="30" name="Élément#3" id="Élément#3" />
  <br/>
 
<label for="Élément#2">Élément#4: </label><input type="text" size="30" name="Élément#4" id="Élément#4" />
  <br/> 
  <br/>
Contre
  <br/>
  <br/>
  <label for="Élément#1">Élément1: </label><input type="text" size="30" name="Élément#1" id="Élément#1" />
  <br/>
 
<label for="Élément#2">Élément2: </label><input type="text" size="30" name="Élément#2" id="Élément#2" />
  <br/>
 
 <label for="Élément#2">Élément3: </label><input type="text" size="30" name="Élément#3" id="Élément#3" />
  <br/>
 
<label for="Élément#2">Élément4: </label><input type="text" size="30" name="Élément#4" id="Élément#4" />
  <br/> 
  <br/>
 
  <label>Options</label>
  <br/>
<input type="checkbox" name="Options" id="COnditionnel" value="Conditionnel" /><label for="Conditionnel">Éléments conditionnels à quelque chose</label>
  <br/>
<input type="checkbox" name="Options" id="Choices" value="Choices" /><label for="Choices">Choix de repêchage à un autre que le prochain</label>
  <br/>
  <input type="checkbox" name="Options" id="Rivalité" value="Rivalité" /><label for="Rivalité">Transaction conclue à la suite d'un gage (Rivalités/Duels)</label>
  <br/>
  <br/>
<label for="justification">Votre justification (obligatoire):</label>
  <br/>
 
  <textarea style="color: white; background-color: black" id="justification" name="justification" rows="6" cols="90"></textarea>
 
<input type="submit" name="post" value="Envoyer" />
</form>

[HPie]

Bonsoir,

Le message s'affiche parce que votre script ne fonctionne pas...
Pour les variables pas de caractères spéciaux !
Exemple: form.Élément --> form.Element

Cordialement

[Sabros33]

Bonjour, merci de votre réponse.

J'ai enlevé chacun des caractères spéciaux et ça ne fonctionne pas, rien n'a changé.

Code:

<script type="text/javascript">
function envoiMessage(form)
{
  // Créer un message à partir des informations fournies
  var txt_message = "[b]Élément#1[/b] " + form.Element1a.value + '\n'
              + "[b]Élément#2[/b] " + form.Element2a.value + '\n'
        + "[b]Élément#3[/b] " + form.Element3a.value + '\n'
        + "[b]Élément#4[/b] " + form.Element4a.value + '\n'
        + "[b]Élément1[/b] " + form.Element1b.value + '\n'
        + "[b]Élément2[/b] " + form.Element2b.value + '\n'
        + "[b]Élément3[/b] " + form.Element3b.value + '\n'
              + "[b]Élément4[/b] " + form.Element4b.value + '\n'
              + "[b]Options cochées par le Dg:[/b]\n[list]";
              // 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.options.length; i++)
              {
                  if(form.options[i].checked == true) { txt_message = txt_message + '[*]' + form.options[i].value + '\n'; }
              }
              txt_message = txt_message + "[/list][b]Justification du 1er DG[/b] : " + justification.plus.value + '\n';
  // Insère le texte construit dans le champ caché "message" du formulaire
  form.message.value = txt_message;
}
</script>

<h3>Formulaire de dépôt de transaction</h3>
<form action="http://lqhs.forum-canada.net/posting.forum" method="post" name="post" enctype="multipart/form-data">
<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="50" /> <!--  ID du forum dans lequel le message sera posté-->

  <label for="titre">Nom des deux équipes (Ex.: Boston - Tampa Bay)</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" />
  <br/>
 
  <label for="Element1a">Élément#1: </label><input type="text" size="30" name="Element1a" id="Element1a" />
  <br/>
 
<label for="Element2a">Élément#2: </label><input type="text" size="30" name="Element2a" id="Element2a" />
  <br/>
 
 <label for="Element3a">Élément#3: </label><input type="text" size="30" name="Element3a" id="Element3a" />
  <br/>
 
<label for="Element4a">Élément#4: </label><input type="text" size="30" name="Element4a" id="Element4a" />
  <br/> 
  <br/>
Contre
  <br/>
  <br/>
    <label for="Element1b">Élément#1: </label><input type="text" size="30" name="Element1b" id="Element1b" />
  <br/>
 
<label for="Element2b">Élément#2: </label><input type="text" size="30" name="Element2b" id="Element2b" />
  <br/>
 
 <label for="Element3b">Élément#3: </label><input type="text" size="30" name="Element3b" id="Element3b" />
  <br/>
 
<label for="Element4b">Élément#4: </label><input type="text" size="30" name="Element4b" id="Element4b" />
  <br/> 
  <br/>
 
  <label>Options</label>
  <br/>
<input type="checkbox" name="Options" id="COnditionnel" value="Conditionnel" /><label for="Conditionnel">Éléments conditionnels à quelque chose</label>
  <br/>
<input type="checkbox" name="Options" id="Choices" value="Choices" /><label for="Choices">Choix de repêchage à un autre que le prochain</label>
  <br/>
  <input type="checkbox" name="Options" id="Rivalité" value="Rivalité" /><label for="Rivalité">Transaction conclue à la suite d'un gage (Rivalités/Duels)</label>
  <br/>
  <br/>
<label for="justification">Votre justification (obligatoire):</label>
  <br/>
 
  <textarea style="color: white; background-color: black" id="justification" name="justification" rows="6" cols="90"></textarea>
 
<input type="submit" name="post" value="Envoyer" />
</form>

[Scoubifitz]

bonjour, bonsoir,

il reste quelques identifiants qui ne correspondent pas ...

options ≠ Options ( respectez la casse majuscule-minuscule)
justification.plus.value ≠ form.justification.value
pas d'appel du script : onSubmit="envoiMessage(this) 'dans la balise form)
Les identifiants des checkboxs ont des accents ...

code corrigé et fonctionnel :

Code:

<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[b]Élément#1[/b] " + form.Element1a.value + '\n'
+ "[b]Élément#2[/b] " + form.Element2a.value + '\n'
+ "[b]Élément#3[/b] " + form.Element3a.value + '\n'
+ "[b]Élément#4[/b] " + form.Element4a.value + '\n'
+ "[b]Élément1[/b] " + form.Element1b.value + '\n'
+ "[b]Élément2[/b] " + form.Element2b.value + '\n'
+ "[b]Élément3[/b] " + form.Element3b.value + '\n'
+ "[b]Élément4[/b] " + form.Element4b.value + '\n'
+ "[b]Options cochées par le Dg:[/b]\n[list]";
// 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.options.length; i++)
{
if(form.options[i].checked == true) { txt_message = txt_message + '[*]' + form.options[i].value + '\n'; }
}
txt_message = txt_message + "[/list][b]Justification du 1er DG[/b] : " + form.justification.value + '\n';
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>

<h3>Formulaire de dépôt de transaction</h3>
<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="50" /> <!--  ID du forum dans lequel le message sera posté-->

<label for="titre">Nom des deux équipes (Ex.: Boston - Tampa Bay)</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" />
<br/>

<label for="Element1a">Élément#1: </label><input type="text" size="30" name="Element1a" id="Element1a" />
<br/>

<label for="Element2a">Élément#2: </label><input type="text" size="30" name="Element2a" id="Element2a" />
<br/>

<label for="Element3a">Élément#3: </label><input type="text" size="30" name="Element3a" id="Element3a" />
<br/>

<label for="Element4a">Élément#4: </label><input type="text" size="30" name="Element4a" id="Element4a" />
<br/>
<br/>
Contre
<br/>
<br/>
<label for="Element1b">Élément#1: </label><input type="text" size="30" name="Element1b" id="Element1b" />
<br/>

<label for="Element2b">Élément#2: </label><input type="text" size="30" name="Element2b" id="Element2b" />
<br/>

<label for="Element3b">Élément#3: </label><input type="text" size="30" name="Element3b" id="Element3b" />
<br/>

<label for="Element4b">Élément#4: </label><input type="text" size="30" name="Element4b" id="Element4b" />
<br/>
<br/>

<label>Options</label>
<br/>
<input type="checkbox" name="options" id="Conditionnel" value="Conditionnel" /><label for="Conditionnel">Éléments conditionnels à quelque chose</label>
<br/>
<input type="checkbox" name="options" id="Choices" value="Choices" /><label for="Choices">Choix de repêchage à un autre que le prochain</label>
<br/>
<input type="checkbox" name="options" id="Rivalite" value="Rivalité" /><label for="Rivalite">Transaction conclue à la suite d'un gage (Rivalités/Duels)</label>
<br/>
<br/>
<label for="justification">Votre justification (obligatoire):</label>
<br/>

<textarea style="color: white; background-color: black" id="justification" name="justification" rows="6" cols="90"></textarea>

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

[Sabros33]

Merci énormément ça fonctionne nickel !