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

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

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

Message par Sabros33 le Mar 20 Jan 2015 - 0:33

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>


Dernière édition par Sabros33 le Mer 21 Jan 2015 - 3:58, édité 1 fois

Sabros33
**

Messages : 59
Inscrit(e) le : 22/05/2012

http://lqhs.forum-canada.net
Sabros33 a été remercié(e) par l'auteur de ce sujet.

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

Message par HPie le Mar 20 Jan 2015 - 1:02

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



HPie
*****

Messages : 572
Inscrit(e) le : 16/08/2010

http://www.quatelbach.com/
HPie a été remercié(e) par l'auteur de ce sujet.

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

Message par Sabros33 le Mar 20 Jan 2015 - 3:25

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>

Sabros33
**

Messages : 59
Inscrit(e) le : 22/05/2012

http://lqhs.forum-canada.net
Sabros33 a été remercié(e) par l'auteur de ce sujet.

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

Message par Scoubifitz le Mar 20 Jan 2015 - 3:56

bonjour, bonsoir,

il reste quelques identifiants qui ne correspondent pas ...

options ≠ Options ( Warning 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>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

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

Message par Sabros33 le Mer 21 Jan 2015 - 3:58

Merci énormément ça fonctionne nickel !


Sabros33
**

Messages : 59
Inscrit(e) le : 22/05/2012

http://lqhs.forum-canada.net
Sabros33 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum