Problème de formulaire.

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

Résolu Problème de formulaire.

Message par zephino le Mar 23 Avr 2013 - 13:52

Bonjour à tous,

alors voilà, j'ai cherché un peu partout pour créer un formulaire, cependant il ne fonctionne pas, en effet la mise en page est parfaite mais il ne poste aucun message ; si vous pouviez me dire où ce trouve le problème je vous en serai reconnaissant Smile

Code:
<form id="postform" method="post" action="f2-presentations"><div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>

   <h2>Poster votre présentation</h2>
   <fieldset>
   
   <dl>
      <td colspan="2"><span>Merci de remplir au maximum les informations demandées ; nous vous rapellons qu'aucune information ne sera donnée a une structure autre que Tempestatem-Gaming.</span></td>
   </dl>
   <dl>
      <dt><label for="username" >Nom d’utilisateur :</label></dt>
      <dd><input type="text medium" tabindex="1" name="username" id="username" value="Username" class="inputbox autowidth" disabled="disabled" /></dd>
   </dl>
    <dl>
      <dt><label for="date_naissance_jj" >Date de naissance :</label></dt>
      <dd><input type="text" name="date_naissance_jj" id="date_naissance_jj" size="2" maxlength="2" value="" /> / <input type="text" name="date_naissance_mm" id="date_naissance_mm" size="2" maxlength="2" value="" /> / <input type="text" name="date_naissance_aa" id="date_naissance_aa" size="4" maxlength="4" value="" /> <em>Ex:</em> jj - mm - aaaa</dd>
   </dl>
    <dl>
       <dt><label for="prenom">Prénom:</label></dt>
        <dd><input type="text medium" tabindex="1" name="prenom" id="prenom" value="" class="inputbox autowidth" /></dd>
   </dl>
    <dl>
       <dt><label for="sexe">Sexe :</label></dt>
        <dd>
         <input type="radio" name="sexe" value="féminin" id="feminin" /> <label for="feminin">Feminin</label>
         <input type="radio" name="sexe" value="masculin" id="masculin" checked="checked" /> <label for="masculin">Masculin</label>
      </dd>
   </dl>
    <dl>
       <dt><label for="localite">Localité (ville, région) :</label></dt>
        <dd><input type="text medium" name="localite" id="localite" class="inputbox autowidth" value="" /></dd>
    </dl>
    <dl>
       <dt><label for="activite">Activité (études, métier...) :</label></dt>
        <dd><input type="text medium" name="activite" id="activite" class="inputbox autowidth" value="" /></dd>
    </dl>
    <dl>
       <dt><label for="steam">Steam:</label></dt>
        <dd><input type="text medium" name="steam" id="steam" class="inputbox autowidth" value="" /></dd>
    </dl>
    <dl>
       <dt><label for="skype">Skype:</label></dt>
        <dd><input type="text medium" name="skype" id="skype" class="inputbox autowidth" value="" /></dd>
    </dl>
   <dl>
       <dt>
           <label for="disponibilite">Disponiblité :</label>
            <br /><br />
        </dt>
        <dd><textarea name="disponibilite" id="disponibilite" cols="35" rows="5" class="inputbox autowidth"></textarea></dd>
   </dl>
   <dl>
       <dt><label for="ancienne_team">Ancienne Team:</label></dt>
        <dd><input type="text" name="ancienne_team" id="ancienne_team" class="inputbox autowidth" value="" /></dd>
    </dl>
   <dl>
       <dt><label for="autre_fps_joues">Jeux Joués :</label></dt>
        <dd>
         <label for="League of Legends"><input type="checkbox" name="autre_fps_joues[]" value="League of Legends" />League of Legends  </label>
<label for="Smite"><input type="checkbox" name="autre_fps_joues[]" value="Smite" />Smite  </label>
<label for="GuildWars2"><input type="checkbox" name="autre_fps_joues[]" value="GuildWars2" />GuildWars2  </label><br /><br />
<label for="Starcraft2"><input type="checkbox" name="autre_fps_joues[]" value="Starcraft2" />Starcraft2  </label>
<label for="Cod4"><input type="checkbox" name="autre_fps_joues[]" value="Cod4" />Cod4  </label>
<label for="Shootmania"><input type="checkbox" name="autre_fps_joues[]" value="Shootmania" />Shootmania  </label><br /><br />
<label for="Minecraft"><input type="checkbox" name="autre_fps_joues[]" value="Minecraft" />Minecraft  </label>
<label for="TeamFortress2"><input type="checkbox" name="autre_fps_joues[]" value="TeamFortress2" />TeamFortress2  </label>
<label for="Counter Strike"><input type="checkbox" name="autre_fps_joues[]" value="Counter Strike" />Counter Strike  </label><br /><br />
<label for="Autre"><input type="checkbox" name="autre_fps_joues[]" value="Autre" />Autre  </label>

      </dd>
   </dl>
    <dl>
       <dt><label for="section_demandes">Section demandée :</label></dt>
        <dd>
         <select name="section_demandes" id="section_demandes">
      <option value=''></option>
      <option value="Smite" title="Smite"> Smite</option>
      <option value="Archeblade" title="Archeblade"> Archeblade</option>
      <option value="Streamer" title="Streamer"> Streamer</option>
      <option value="Staff" title="Staff"> Staff</option>
   </select>

      </dd>
   </dl>
   <dl>
       <dt>
           <label for="niveau_actuel">Vous devez entrer votre niveau actuel:</label>
            <br /><br />
            <span>( Grade, ELO, Ranked ... )</span>
        </dt>
        <dd><textarea name="niveau_actuel" id="niveau_actuel" cols="35" rows="2" class="inputbox autowidth"></textarea></dd>
   </dl>
   <dl>
       <dt>
           <label for="motivation">Motivation:</label>
            <br /><br />
         <span>Les <a href="./faq.php?mode=bbcode">BBCodes</a> sont <em>activés</em><br />
            
            
            
         </span>
        </dt>
        <dd><textarea name="motivation" id="motivation" cols="35" rows="5" class="inputbox"></textarea></dd>
    </dl>
   <dl>
       <dt><label for="connu_forum">Comment avez vous connu Tempestatem-Gaming ? :</label></dt>
        <dd><input type="text" name="connu_forum" id="connu_forum" class="inputbox" value="" /></dd>
    </dl>
     <dl>
      <dt><label for="message_sup">Message complémentaire:</label><br /><br />
            <span>Les <a href="./faq.php?mode=bbcode">BBCodes</a> sont <em>activés</em><br />
            
            [img] est <em>activé</em><br />
            [flash] est <em>désactivé</em><br />
            [url] est <em>activé</em><br />
            Les smileys sont <em>activés</em>
            
         </span></dt>
      <dd>
          <textarea tabindex="2" name="message_sup" id="message_sup" cols="35" rows="5" class="inputbox" /></textarea>
        </dd>
   </dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div>
</div>
   <div class="panel bg2">
       <div class="inner"><span class="corners-top"><span></span></span>
         <fieldset class="submit-buttons">
               <input type="hidden" name="creation_time" value="1366664383" />
<input type="hidden" name="form_token" value="bebbda4868679698ded0d3b9390f8156d6eaae28" />
 
            <input type="hidden" name="screen" id="screen" value="" />
            <input type="submit" tabindex="7" name="preview" value="Aperçu" class="button1" onclick="document.getElementById('postform').action += '#preview';" /> 
            <input type="submit" accesskey="s" tabindex="8" name="post" value="Envoyer" class="button1" /> 
         </fieldset>
      <span class="corners-bottom"><span></span></span></div>
   </div>
</form>

zephino
**

Masculin
Messages : 73
Inscrit(e) le : 13/12/2008

http://tempestatem.bbfr.net/
zephino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de formulaire.

Message par Naruhiko le Mar 23 Avr 2013 - 16:10

Bonjour,

Je vous conseille de jeter un oeil aux messages présents dans ce sujet : http://forum.forumactif.com/t280246- , notamment au message de Sen Hime qui explique le fonctionnement d'un formulaire.

Cordialement.

Naruhiko
***

Masculin
Messages : 196
Inscrit(e) le : 21/06/2012

http://naruto-the-destiny.forumactif.com
Naruhiko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de formulaire.

Message par zephino le Mar 23 Avr 2013 - 17:03

Je vous remercie !

zephino
**

Masculin
Messages : 73
Inscrit(e) le : 13/12/2008

http://tempestatem.bbfr.net/
zephino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de formulaire.

Message par zephino le Mar 23 Avr 2013 - 18:14

Re-bonjour, j'ai suivi le tutoriel, mais je n'arrive pas à faire certaine chose ; si quelqu'un peux m'éclairer, notamment avec les balise de type "radio" :


Code:
<form action="http://tempestatem.bbfr.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="2" /> <!--  ID du forum dans lequel le message sera posté-->
<label for="titre">Titre du sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" />

   <h2>Poster votre présentation</h2>
   <fieldset>
   
   <dl>
      <td colspan="2"><span>Merci de remplir au maximum les informations demandées ; nous vous rapellons qu'aucune information ne sera donnée a une structure autre que Tempestatem-Gaming.</span></td>
   </dl>
   <dl>
      <dt><label for="username" >Nom d’utilisateur :</label></dt>
      <dd><input type="text medium" tabindex="1" name="username" id="username" value="Sagagutchi" class="inputbox autowidth" disabled="disabled" /></dd>
   </dl>
    <dl>
      <dt><label for="date_naissance_jj" >Date de naissance :</label></dt>
      <dd><input type="text" name="date_naissance_jj" id="date_naissance_jj" size="2" maxlength="2" value="" /> / <input type="text" name="date_naissance_mm" id="date_naissance_mm" size="2" maxlength="2" value="" /> / <input type="text" name="date_naissance_aa" id="date_naissance_aa" size="4" maxlength="4" value="" /> <em>Ex:</em> jj - mm - aaaa</dd>
   </dl>
    <dl>
       <dt><label for="prenom">Prénom:</label></dt>
        <dd><input type="text medium" tabindex="1" name="prenom" id="prenom" value="" class="inputbox autowidth" /></dd>
   </dl>
    <dl>
       <dt><label for="sexe">Sexe :</label></dt>
        <dd>
         <input type="radio" name="sexe" value="féminin" id="feminin" /> <label for="feminin">Feminin</label>
         <input type="radio" name="sexe" value="masculin" id="masculin" checked="checked" /> <label for="masculin">Masculin</label>
      </dd>
   </dl>
    <dl>
       <dt><label for="localite">Localité (ville, région) :</label></dt>
        <dd><input type="text medium" name="localite" id="localite" class="inputbox autowidth" value="" /></dd>
    </dl>
    <dl>
       <dt><label for="activite">Activité (études, métier...) :</label></dt>
        <dd><input type="text medium" name="activite" id="activite" class="inputbox autowidth" value="" /></dd>
    </dl>
    <dl>
       <dt><label for="steam">Steam:</label></dt>
        <dd><input type="text medium" name="steam" id="steam" class="inputbox autowidth" value="" /></dd>
    </dl>
    <dl>
       <dt><label for="skype">Skype:</label></dt>
        <dd><input type="text medium" name="skype" id="skype" class="inputbox autowidth" value="" /></dd>
    </dl>
   <dl>
       <dt>
           <label for="disponibilite">Disponiblité :</label>
            <br /><br />
            <span>Merci de mettre les jours et tranche horaire</span>
        </dt>
        <dd><textarea name="disponibilite" id="disponibilite" cols="35" rows="5" class="inputbox autowidth"></textarea></dd>
   </dl>
   <dl>
       <dt><label for="autre_jeux_joues">Jeux Joués :</label></dt>
        <dd>
         <label for="League of Legends"><input type="checkbox" name="autre_fps_joues[]" value="League of Legends" />League of Legends  </label>
<label for="Smite"><input type="checkbox" name="autre_fps_joues[]" value="Smite" />Smite  </label>
<label for="GuildWars2"><input type="checkbox" name="autre_fps_joues[]" value="GuildWars2" />GuildWars2  </label><br /><br />
<label for="Starcraft2"><input type="checkbox" name="autre_fps_joues[]" value="Starcraft2" />Starcraft2  </label>
<label for="Cod4"><input type="checkbox" name="autre_fps_joues[]" value="Cod4" />Cod4  </label>
<label for="Shootmania"><input type="checkbox" name="autre_fps_joues[]" value="Shootmania" />Shootmania  </label><br /><br />
<label for="Minecraft"><input type="checkbox" name="autre_fps_joues[]" value="Minecraft" />Minecraft  </label>
<label for="TeamFortress2"><input type="checkbox" name="autre_fps_joues[]" value="TeamFortress2" />TeamFortress2  </label>
<label for="Counter Strike"><input type="checkbox" name="autre_fps_joues[]" value="Counter Strike" />Counter Strike  </label><br /><br />
<label for="Autre"><input type="checkbox" name="autre_fps_joues[]" value="Autre" />Autre  </label>

      </dd>
   </dl>
    <dl>
       <dt><label for="section_demandes">Section demandée :</label></dt>
        <dd>
         <select name="section_demandes" id="section_demandes">
      <option value=''></option>
      <option value="Smite" title="Smite"> Smite</option>
      <option value="Archeblade" title="Archeblade"> Archeblade</option>
      <option value="Streamer" title="Streamer"> Streamer</option>
      <option value="Staff" title="Staff"> Staff</option>
   </select>

      </dd>
   </dl>
   <dl>
       <dt>
           <label for="niveau_actuel">Vous devez entrer votre niveau actuel:</label>
            <br /><br />
            <span>( Grade, ELO, Ranked ... )</span>
        </dt>
        <dd><textarea name="niveau_actuel" id="niveau_actuel" cols="35" rows="2" class="inputbox autowidth"></textarea></dd>
   </dl>
   <dl>
       <dt>
           <label for="motivation">Motivation:</label>
            <br /><br />
        </dt>
        <dd><textarea name="motivation" id="motivation" cols="35" rows="5" class="inputbox"></textarea></dd>
    </dl>
   <dl>
       <dt><label for="connu_forum">Comment avez vous connu Tempestatem-Gaming ? :</label></dt>
        <dd><input type="text" name="connu_forum" id="connu_forum" class="inputbox" value="" /></dd>
    </dl>
     <dl>
      <dt><label for="message_sup">Message complémentaire:</label><br /><br />
      </dt>
      <dd>
          <textarea tabindex="2" name="message_sup" id="message_sup" cols="35" rows="5" class="inputbox" /></textarea>
        </dd>
   </dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div>
</div>
   <div class="panel bg2">
       <div class="inner"><span class="corners-top"><span></span></span>
         <fieldset class="submit-buttons">
               <input type="hidden" name="creation_time" value="1366664383" />
<input type="hidden" name="form_token" value="bebbda4868679698ded0d3b9390f8156d6eaae28" />
 
            <input type="hidden" name="screen" id="screen" value="" />
            <input type="submit" tabindex="7" name="preview" value="Aperçu" class="button1" onclick="document.getElementById('postform').action += '#preview';" /> 
            <input type="submit" accesskey="s" tabindex="8" name="post" value="Envoyer" class="button1" /> 
         </fieldset>
      <span class="corners-bottom"><span></span></span></div>
   </div>
</form>

&

Code:
<script type="text/javascript">
function envoiMessage(form)
{
  // Créer un message à partir des informations fournies
  var txt_message = "[b]Nom d'utilisateur :[/b] " + form.username.value + '\n'
              + "[b]Date de naissance :[/b] " + form.date_naissance_jj.value + '\n'
              + "[b]Prénom :[/b] " + form.prenom.value + '\n'
           + "[b]Sexe :[/b] " + form.sexe.value + '\n'
           + "[b]Localité ( ville, région ) :[/b] " + form.localite.value + '\n'
           + "[b]Activité :[/b] " + form.activite.value + '\n'
           + "[b]Steam :[/b] " + form.steam.value + '\n'
           + "[b]Skype :[/b] " + form.skype.value + '\n'
           + "[b]Disponibilité :[/b] " + form.disponibilite.value + '\n'
           + "[b]Jeux joués :[/b] " for(var i = 0; i < form.gouts.length; i++)
              {
                  if(form.gouts[i].checked == true) { txt_message = txt_message + '[*]' + form.autre_jeux_joues[i].value + '\n'; }
              }
           + "[b]Section demandée :[/b] " + form.section_demandes.value + '\n'
           + "[b]Niveau actuel :[/b] " + form.niveau_actuel.value + '\n'
           + "[b]Motivation :[/b] " + form.motivation.value + '\n'
           + "[b]Comment avez vous connu Tempestatem-Gaming ? :[/b] " + form.connu_forum.value + '\n'
              + "[b]Message supplémentaire :[/b] " + form.message_sup.value + '\n'
  form.message.value = txt_message;
}
</script>

zephino
**

Masculin
Messages : 73
Inscrit(e) le : 13/12/2008

http://tempestatem.bbfr.net/
zephino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de formulaire.

Message par zephino le Mar 23 Avr 2013 - 22:27

Help si vous plaît j'ai vraiment un problème sur mon formulaire, et après plus d'une heure d'essais je n'ai toujours pas réussi a faire en sorte que mon formulaire poste un message rédigé |:

http://tempestatem.bbfr.net/h1-presentation

Au niveau de la mise en page c'est juste parfait !

zephino
**

Masculin
Messages : 73
Inscrit(e) le : 13/12/2008

http://tempestatem.bbfr.net/
zephino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de formulaire.

Message par Naruhiko le Jeu 25 Avr 2013 - 20:58

Bonsoir,

Désolé j'étais pas trop actif ces moments-ci... Je sais pas si votre problème est toujours d'actuallité, dans tous les cas j'ai corrigé votre code, essayez ceci:
Code:
<!doctype html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
</head>
<body>
   
    <script>
function envoiMessage(form)
{
  // Créer un message à partir des informations fournies
  var txt_message = "[b]Nom d'utilisateur :[/b] " + form.username.value + '\n'
          + "[b]Date de naissance :[/b] " + form.date_naissance_jj.value + " / " +form.date_naissance_mm.value + " / " + form.date_naissance_aa.value + '\n'
          + "[b]Prénom :[/b] " + form.prenom.value + '\n'
          + "[b]Sexe :[/b] " + form.sexe.value + '\n'
          + "[b]Localité ( ville, région ) :[/b] " + form.localite.value + '\n'
          + "[b]Activité :[/b] " + form.activite.value + '\n'
          + "[b]Steam :[/b] " + form.steam.value + '\n'
          + "[b]Skype :[/b] " + form.skype.value + '\n'
          + "[b]Disponibilité :[/b] " + form.disponibilite.value + '\n'
          + "[b]Jeux joués : [/b]\n[list]";
            for(var i = 0; i < form.autre_fps_joues.length; i++)
              {
                  if(form.autre_fps_joues[i].checked == true) { txt_message = txt_message + '[*]' + form.autre_fps_joues[i].value + '\n'; }
              }
          txt_message = txt_message + "[/list][b]Section demandée : [/b]" + form.section_demandes.value + '\n'
          + "[b]Niveau actuel :[/b] " + form.niveau_actuel.value + '\n'
          + "[b]Motivation :[/b] " + form.motivation.value + '\n'
          + "[b]Comment avez vous connu Tempestatem-Gaming ? :[/b] " + form.connu_forum.value + '\n'
          + "[b]Message supplémentaire :[/b] " + form.message_sup.value + '\n';
  form.message.value = txt_message;
}
</script>
   
    <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="2" /> <!--  ID du forum dans lequel le message sera posté-->
<label for="titre">Titre du sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" />

    <h2>Poster votre présentation</h2>
        <fieldset>

        <dl>
            <td colspan="2"><span>Merci de remplir au maximum les informations demandées ; nous vous rapellons qu'aucune information ne sera donnée a une structure autre que Tempestatem-Gaming.</span></td>
        </dl>
       
        <dl>
            <dt><label for="username" >Nom d’utilisateur :</label></dt>
            <dd><input type="text medium" tabindex="1" name="username" id="username" value="Sagagutchi" class="inputbox autowidth" disabled="disabled" /></dd>
        </dl>
       
        <dl>
            <dt><label for="date_naissance" >Date de naissance :</label></dt>
            <dd><input type="text" name="date_naissance_jj" id="date_naissance_jj" size="2" maxlength="2" value="" /> / <input type="text" name="date_naissance_mm" id="date_naissance_mm" size="2" maxlength="2" value="" /> / <input type="text" name="date_naissance_aa" id="date_naissance_aa" size="4" maxlength="4" value="" /> <em>Ex:</em> jj - mm - aaaa</dd>
        </dl>
       
        <dl>
            <dt><label for="prenom">Prénom :</label></dt>
            <dd><input type="text medium" tabindex="1" name="prenom" id="prenom" value="" class="inputbox autowidth" /></dd>
        </dl>
       
        <dl>
            <dt><label for="sexe">Sexe :</label></dt>
            <dd><select name="sexe" value="sexe" id="sexe">
            <option>Feminin</option>
            <option>Masculin</option></select></dd>
        </dl>
       
        <dl>
            <dt><label for="localite">Localité (ville, région) :</label></dt>
        <dd><input type="text medium" name="localite" id="localite" class="inputbox autowidth" value="" /></dd>
        </dl>
       
        <dl>
          <dt><label for="activite">Activité (études, métier...) :</label></dt>
        <dd><input type="text medium" name="activite" id="activite" class="inputbox autowidth" value="" /></dd>
        </dl>
   
        <dl>
            <dt><label for="steam">Steam :</label></dt>
            <dd><input type="text medium" name="steam" id="steam" class="inputbox autowidth" value="" /></dd>
        </dl>
       
        <dl>
            <dt><label for="skype">Skype :</label></dt>
            <dd><input type="text medium" name="skype" id="skype" class="inputbox autowidth" value="" /></dd>
        </dl>
       
        <dl>
            <dt><label for="disponibilite">Disponiblité :</label><br /><br />
            <span>Merci de mettre les jours et tranche horaire</span></dt>
            <dd><textarea name="disponibilite" id="disponibilite" cols="35" rows="5" class="inputbox autowidth"></textarea></dd>
        </dl>
       
        <dl>
            <dt><label>Jeux Joués :</label></dt>
        <dd><input type="checkbox" name="autre_fps_joues" id="Counter Strike" value="Counter Strike" /><label for="Counter Strike">Counter Strike</label>
<input type="checkbox" name="autre_fps_joues" id="League of Legends" value="League of Legends" /><label for="League of Legends">League of Legends</label>
<input type="checkbox" name="autre_fps_joues" id="Smite" value="Smite" /><label for="Smite">Smite</label>
<input type="checkbox" name="autre_fps_joues" id="GuildWars2" value="GuildWars2" /><label for="GuildWars2">GuildWars2</label><br /><br />
<input type="checkbox" name="autre_fps_joues" id="Starcraft2" value="Starcraft2" /><label for="Starcraft2">Starcraft2</label>
<input type="checkbox" name="autre_fps_joues" id="Cod4" value="Cod4" /><label for="Cod4">Cod4</label>
<input type="checkbox" name="autre_fps_joues" id="Shootmania" value="Shootmania" /><label for="Shootmania">Shootmania</label><br /><br />
<input type="checkbox" name="autre_fps_joues" id="Minecraft" value="Minecraft" /><label for="Minecraft">Minecraft</label>
<input type="checkbox" name="autre_fps_joues" id="TeamFortress2" value="TeamFortress2" /><label for="TeamFortress2">TeamFortress2</label><br /><br />
<input type="checkbox" name="autre_fps_joues" id="Autre" value="Autre" /><label for="Autre">Autre</label></dd>
        </dl>
       
    <dl>
      <dt><label for="section_demandes">Section demandée :</label></dt>
        <dd><select name="section_demandes" id="section_demandes">
            <option>Smite</option>
            <option>Archeblade</option>
            <option>Streamer</option>
            <option>Staff</option>
            </select>

        </dd>
  </dl>
 
 
  <dl>
      <dt>
            <label for="niveau_actuel">Vous devez entrer votre niveau actuel :</label><br /><br />
            <span>( Grade, ELO, Ranked ... )</span>
        </dt>
        <dd><textarea name="niveau_actuel" id="niveau_actuel" cols="35" rows="2" class="inputbox autowidth"></textarea></dd>
  </dl>
 
 
  <dl>
      <dt>
          <label for="motivation">Motivation :</label><br /><br />
        </dt>
        <dd><textarea name="motivation" id="motivation" cols="35" rows="5" class="inputbox"></textarea></dd>
    </dl>
   

  <dl>
      <dt><label for="connu_forum">Comment avez vous connu Tempestatem-Gaming ? :</label></dt>
        <dd><input type="text" name="connu_forum" id="connu_forum" class="inputbox" /></dd>
    </dl>
   
    <dl>
      <dt><label for="message_sup">Message complémentaire :</label><br /><br /></dt>
          <dd><textarea tabindex="2" name="message_sup" id="message_sup" cols="35" rows="5" class="inputbox"></textarea></dd>
    </dl>
    </fieldset>

<br /><span class="corners-bottom">
  <div class="panel bg2">
      <div class="inner"><span class="corners-top"></span>
        <fieldset class="submit-buttons">
                <input type="hidden" name="creation_time" value="1366664383" />
                <input type="hidden" name="form_token" value="bebbda4868679698ded0d3b9390f8156d6eaae28" />
                <input type="hidden" name="screen" id="screen" value="" />
                <input type="submit" tabindex="7" name="preview" value="Aperçu" class="button1" onclick="document.getElementById('postform').action += '#preview';" />
                <input type="submit" accesskey="s" tabindex="8" name="post" value="Envoyer" class="button1" />
        </fieldset>
       
      <span class="corners-bottom"></span></div></div></span>
</form>
   
</body>
</html>
Il y avait pas mal de faute, je peux pas tous vous les citées, mais en principe ça devrait être bon.

Cordialement.

Naruhiko
***

Masculin
Messages : 196
Inscrit(e) le : 21/06/2012

http://naruto-the-destiny.forumactif.com
Naruhiko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de formulaire.

Message par zephino le Ven 26 Avr 2013 - 14:04

Mon problème était toujours d'actualité, merci à vous !

Cependant j'ai encore un prolbème cette fois-ci de mise en page, j'ai beau regarder je ne vois pas vraiment où est l'erreur :



Si il y avait aussi moyen de centrer le tout, ça serait parfait ! Razz

zephino
**

Masculin
Messages : 73
Inscrit(e) le : 13/12/2008

http://tempestatem.bbfr.net/
zephino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de formulaire.

Message par Naruhiko le Ven 26 Avr 2013 - 16:35

Bonsoir,

En effet, j'avais pas vu ce bug, car quand j'avais essayé mes codes, je n'avais pas activé la fonction pour utiliser le haut et le bas de page du forum... Voici le code qui corrige logiquement ce problème:
Code:
<!doctype html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
</head>
<body>
   
    <script>
function envoiMessage(form)
{
  // Créer un message à partir des informations fournies
  var txt_message = "[b]Nom d'utilisateur :[/b] " + form.username.value + '\n'
          + "[b]Date de naissance :[/b] " + form.date_naissance_jj.value + " / " +form.date_naissance_mm.value + " / " + form.date_naissance_aa.value + '\n'
          + "[b]Prénom :[/b] " + form.prenom.value + '\n'
          + "[b]Sexe :[/b] " + form.sexe.value + '\n'
          + "[b]Localité ( ville, région ) :[/b] " + form.localite.value + '\n'
          + "[b]Activité :[/b] " + form.activite.value + '\n'
          + "[b]Steam :[/b] " + form.steam.value + '\n'
          + "[b]Skype :[/b] " + form.skype.value + '\n'
          + "[b]Disponibilité :[/b] " + form.disponibilite.value + '\n'
          + "[b]Jeux joués : [/b]\n[list]";
            for(var i = 0; i < form.autre_fps_joues.length; i++)
              {
                  if(form.autre_fps_joues[i].checked == true) { txt_message = txt_message + '[*]' + form.autre_fps_joues[i].value + '\n'; }
              }
          txt_message = txt_message + "[/list][b]Section demandée : [/b]" + form.section_demandes.value + '\n'
          + "[b]Niveau actuel :[/b] " + form.niveau_actuel.value + '\n'
          + "[b]Motivation :[/b] " + form.motivation.value + '\n'
          + "[b]Comment avez vous connu Tempestatem-Gaming ? :[/b] " + form.connu_forum.value + '\n'
          + "[b]Message supplémentaire :[/b] " + form.message_sup.value + '\n';
  form.message.value = txt_message;
}
</script>
   
    <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="2" /> <!--  ID du forum dans lequel le message sera posté-->
<label for="titre">Titre du sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" />

    <h2>Poster votre présentation</h2>
        <fieldset>

        <dl>
            <span>Merci de remplir au maximum les informations demandées ; nous vous rapellons qu'aucune information ne sera donnée a une structure autre que Tempestatem-Gaming.</span>
        </dl>
       
        <dl>
            <dt><label for="username" >Nom d’utilisateur :</label></dt>
            <dd><input type="text medium" tabindex="1" name="username" id="username" value="Sagagutchi" class="inputbox autowidth" /></dd>
        </dl>
       
        <dl>
            <dt><label for="date_naissance" >Date de naissance :</label></dt>
            <dd><input type="text" name="date_naissance_jj" id="date_naissance_jj" size="2" maxlength="2" value="" /> / <input type="text" name="date_naissance_mm" id="date_naissance_mm" size="2" maxlength="2" value="" /> / <input type="text" name="date_naissance_aa" id="date_naissance_aa" size="4" maxlength="4" value="" /> <em>Ex:</em> jj - mm - aaaa</dd>
        </dl>
       
        <dl>
            <dt><label for="prenom">Prénom :</label></dt>
            <dd><input type="text medium" tabindex="1" name="prenom" id="prenom" value="" class="inputbox autowidth" /></dd>
        </dl>
       
        <dl>
            <dt><label for="sexe">Sexe :</label></dt>
            <dd><select name="sexe" value="sexe" id="sexe">
            <option>Feminin</option>
            <option>Masculin</option></select></dd>
        </dl>
       
        <dl>
            <dt><label for="localite">Localité (ville, région) :</label></dt>
        <dd><input type="text medium" name="localite" id="localite" class="inputbox autowidth" value="" /></dd>
        </dl>
       
        <dl>
          <dt><label for="activite">Activité (études, métier...) :</label></dt>
        <dd><input type="text medium" name="activite" id="activite" class="inputbox autowidth" value="" /></dd>
        </dl>
   
        <dl>
            <dt><label for="steam">Steam :</label></dt>
            <dd><input type="text medium" name="steam" id="steam" class="inputbox autowidth" value="" /></dd>
        </dl>
       
        <dl>
            <dt><label for="skype">Skype :</label></dt>
            <dd><input type="text medium" name="skype" id="skype" class="inputbox autowidth" value="" /></dd>
        </dl>
       
        <dl>
            <dt><label for="disponibilite">Disponiblité :</label><br /><br />
            <span>Merci de mettre les jours et tranche horaire</span></dt>
            <dd><textarea name="disponibilite" id="disponibilite" cols="35" rows="5" class="inputbox autowidth"></textarea></dd>
        </dl>
       
        <dl>
            <dt><label>Jeux Joués :</label></dt>
        <dd><input type="checkbox" name="autre_fps_joues" id="Counter Strike" value="Counter Strike" /><label for="Counter Strike">Counter Strike</label>
<input type="checkbox" name="autre_fps_joues" id="League of Legends" value="League of Legends" /><label for="League of Legends">League of Legends</label>
<input type="checkbox" name="autre_fps_joues" id="Smite" value="Smite" /><label for="Smite">Smite</label>
<input type="checkbox" name="autre_fps_joues" id="GuildWars2" value="GuildWars2" /><label for="GuildWars2">GuildWars2</label><br /><br />
<input type="checkbox" name="autre_fps_joues" id="Starcraft2" value="Starcraft2" /><label for="Starcraft2">Starcraft2</label>
<input type="checkbox" name="autre_fps_joues" id="Cod4" value="Cod4" /><label for="Cod4">Cod4</label>
<input type="checkbox" name="autre_fps_joues" id="Shootmania" value="Shootmania" /><label for="Shootmania">Shootmania</label><br /><br />
<input type="checkbox" name="autre_fps_joues" id="Minecraft" value="Minecraft" /><label for="Minecraft">Minecraft</label>
<input type="checkbox" name="autre_fps_joues" id="TeamFortress2" value="TeamFortress2" /><label for="TeamFortress2">TeamFortress2</label><br /><br />
<input type="checkbox" name="autre_fps_joues" id="Autre" value="Autre" /><label for="Autre">Autre</label></dd>
        </dl>
       
    <dl>
      <dt><label for="section_demandes">Section demandée :</label></dt>
        <dd><select name="section_demandes" id="section_demandes">
            <option>Smite</option>
            <option>Archeblade</option>
            <option>Streamer</option>
            <option>Staff</option>
            </select>

        </dd>
  </dl>
 
 
  <dl>
      <dt>
            <label for="niveau_actuel">Vous devez entrer votre niveau actuel :</label><br /><br />
            <span>( Grade, ELO, Ranked ... )</span>
        </dt>
        <dd><textarea name="niveau_actuel" id="niveau_actuel" cols="35" rows="2" class="inputbox autowidth"></textarea></dd>
  </dl>
 
 
  <dl>
      <dt>
          <label for="motivation">Motivation :</label><br /><br />
        </dt>
        <dd><textarea name="motivation" id="motivation" cols="35" rows="5" class="inputbox"></textarea></dd>
    </dl>
   

  <dl>
      <dt><label for="connu_forum">Comment avez vous connu Tempestatem-Gaming ? :</label></dt>
        <dd><input type="text" name="connu_forum" id="connu_forum" class="inputbox" /></dd>
    </dl>
   
    <dl>
      <dt><label for="message_sup">Message complémentaire :</label><br /><br /></dt>
          <dd><textarea tabindex="2" name="message_sup" id="message_sup" cols="35" rows="5" class="inputbox"></textarea></dd>
    </dl>
    </fieldset>

<br /><span class="corners-bottom">
  <div class="panel bg2">
      <div class="inner"><span class="corners-top"></span>
        <fieldset class="submit-buttons">
                <input type="hidden" name="creation_time" value="1366664383" />
                <input type="hidden" name="form_token" value="bebbda4868679698ded0d3b9390f8156d6eaae28" />
                <input type="hidden" name="screen" id="screen" value="" />
                <input type="submit" tabindex="7" name="preview" value="Aperçu" class="button1" onclick="document.getElementById('postform').action += '#preview';" />
                <input type="submit" accesskey="s" tabindex="8" name="post" value="Envoyer" class="button1" />
        </fieldset>
       
      <span class="corners-bottom"></span></div></div></span>
</form>
   
</body>
</html>
Le voici en centrer (j'espère que c'est bien ça que vous entendez en disant "centrer", j'ai simplement rajouter des balises <center> en plus, si ce n'est pas ça que vous souhaitez, n'hésitez pas à me le dire ^^):
Code:
<!doctype html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
</head>
<body>
   
    <script>
function envoiMessage(form)
{
  // Créer un message à partir des informations fournies
  var txt_message = "[b]Nom d'utilisateur :[/b] " + form.username.value + '\n'
          + "[b]Date de naissance :[/b] " + form.date_naissance_jj.value + " / " +form.date_naissance_mm.value + " / " + form.date_naissance_aa.value + '\n'
          + "[b]Prénom :[/b] " + form.prenom.value + '\n'
          + "[b]Sexe :[/b] " + form.sexe.value + '\n'
          + "[b]Localité ( ville, région ) :[/b] " + form.localite.value + '\n'
          + "[b]Activité :[/b] " + form.activite.value + '\n'
          + "[b]Steam :[/b] " + form.steam.value + '\n'
          + "[b]Skype :[/b] " + form.skype.value + '\n'
          + "[b]Disponibilité :[/b] " + form.disponibilite.value + '\n'
          + "[b]Jeux joués : [/b]\n[list]";
            for(var i = 0; i < form.autre_fps_joues.length; i++)
              {
                  if(form.autre_fps_joues[i].checked == true) { txt_message = txt_message + '[*]' + form.autre_fps_joues[i].value + '\n'; }
              }
          txt_message = txt_message + "[/list][b]Section demandée : [/b]" + form.section_demandes.value + '\n'
          + "[b]Niveau actuel :[/b] " + form.niveau_actuel.value + '\n'
          + "[b]Motivation :[/b] " + form.motivation.value + '\n'
          + "[b]Comment avez vous connu Tempestatem-Gaming ? :[/b] " + form.connu_forum.value + '\n'
          + "[b]Message supplémentaire :[/b] " + form.message_sup.value + '\n';
  form.message.value = txt_message;
}
</script>
   
    <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="2" /> <!--  ID du forum dans lequel le message sera posté-->
<center><label for="titre">Titre du sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" />

    <h2>Poster votre présentation</h2>
        <fieldset>

        <dl>
            <span>Merci de remplir au maximum les informations demandées ; nous vous rapellons qu'aucune information ne sera donnée a une structure autre que Tempestatem-Gaming.</span>
        </dl>
       
        <dl>
            <dt><label for="username" >Nom d’utilisateur :</label></dt>
            <dd><input type="text medium" tabindex="1" name="username" id="username" value="Sagagutchi" class="inputbox autowidth" /></dd>
        </dl>
       
        <dl>
            <dt><label for="date_naissance" >Date de naissance :</label></dt>
            <dd><input type="text" name="date_naissance_jj" id="date_naissance_jj" size="2" maxlength="2" value="" /> / <input type="text" name="date_naissance_mm" id="date_naissance_mm" size="2" maxlength="2" value="" /> / <input type="text" name="date_naissance_aa" id="date_naissance_aa" size="4" maxlength="4" value="" /> <em>Ex:</em> jj - mm - aaaa</dd>
        </dl>
       
        <dl>
            <dt><label for="prenom">Prénom :</label></dt>
            <dd><input type="text medium" tabindex="1" name="prenom" id="prenom" value="" class="inputbox autowidth" /></dd>
        </dl>
       
        <dl>
            <dt><label for="sexe">Sexe :</label></dt>
            <dd><select name="sexe" value="sexe" id="sexe">
            <option>Feminin</option>
            <option>Masculin</option></select></dd>
        </dl>
       
        <dl>
            <dt><label for="localite">Localité (ville, région) :</label></dt>
        <dd><input type="text medium" name="localite" id="localite" class="inputbox autowidth" value="" /></dd>
        </dl>
       
        <dl>
          <dt><label for="activite">Activité (études, métier...) :</label></dt>
        <dd><input type="text medium" name="activite" id="activite" class="inputbox autowidth" value="" /></dd>
        </dl>
   
        <dl>
            <dt><label for="steam">Steam :</label></dt>
            <dd><input type="text medium" name="steam" id="steam" class="inputbox autowidth" value="" /></dd>
        </dl>
       
        <dl>
            <dt><label for="skype">Skype :</label></dt>
            <dd><input type="text medium" name="skype" id="skype" class="inputbox autowidth" value="" /></dd>
        </dl>
       
        <dl>
            <dt><label for="disponibilite">Disponiblité :</label><br /><br />
            <span>Merci de mettre les jours et tranche horaire</span></dt>
            <dd><textarea name="disponibilite" id="disponibilite" cols="35" rows="5" class="inputbox autowidth"></textarea></dd>
        </dl>
       
        <dl>
            <dt><label>Jeux Joués :</label></dt>
        <dd><input type="checkbox" name="autre_fps_joues" id="Counter Strike" value="Counter Strike" /><label for="Counter Strike">Counter Strike</label>
<input type="checkbox" name="autre_fps_joues" id="League of Legends" value="League of Legends" /><label for="League of Legends">League of Legends</label>
<input type="checkbox" name="autre_fps_joues" id="Smite" value="Smite" /><label for="Smite">Smite</label>
<input type="checkbox" name="autre_fps_joues" id="GuildWars2" value="GuildWars2" /><label for="GuildWars2">GuildWars2</label><br /><br />
<input type="checkbox" name="autre_fps_joues" id="Starcraft2" value="Starcraft2" /><label for="Starcraft2">Starcraft2</label>
<input type="checkbox" name="autre_fps_joues" id="Cod4" value="Cod4" /><label for="Cod4">Cod4</label>
<input type="checkbox" name="autre_fps_joues" id="Shootmania" value="Shootmania" /><label for="Shootmania">Shootmania</label><br /><br />
<input type="checkbox" name="autre_fps_joues" id="Minecraft" value="Minecraft" /><label for="Minecraft">Minecraft</label>
<input type="checkbox" name="autre_fps_joues" id="TeamFortress2" value="TeamFortress2" /><label for="TeamFortress2">TeamFortress2</label><br /><br />
<input type="checkbox" name="autre_fps_joues" id="Autre" value="Autre" /><label for="Autre">Autre</label></dd>
        </dl>
       
    <dl>
      <dt><label for="section_demandes">Section demandée :</label></dt>
        <dd><select name="section_demandes" id="section_demandes">
            <option>Smite</option>
            <option>Archeblade</option>
            <option>Streamer</option>
            <option>Staff</option>
            </select>

        </dd>
  </dl>
 
 
  <dl>
      <dt>
            <label for="niveau_actuel">Vous devez entrer votre niveau actuel :</label><br /><br />
            <span>( Grade, ELO, Ranked ... )</span>
        </dt>
        <dd><textarea name="niveau_actuel" id="niveau_actuel" cols="35" rows="2" class="inputbox autowidth"></textarea></dd>
  </dl>
 
 
  <dl>
      <dt>
          <label for="motivation">Motivation :</label><br /><br />
        </dt>
        <dd><textarea name="motivation" id="motivation" cols="35" rows="5" class="inputbox"></textarea></dd>
    </dl>
   

  <dl>
      <dt><label for="connu_forum">Comment avez vous connu Tempestatem-Gaming ? :</label></dt>
        <dd><input type="text" name="connu_forum" id="connu_forum" class="inputbox" /></dd>
    </dl>
   
    <dl>
      <dt><label for="message_sup">Message complémentaire :</label><br /><br /></dt>
          <dd><textarea tabindex="2" name="message_sup" id="message_sup" cols="35" rows="5" class="inputbox"></textarea></dd>
    </dl>
    </fieldset>

<br /><span class="corners-bottom">
  <div class="panel bg2">
      <div class="inner"><span class="corners-top"></span>
        <fieldset class="submit-buttons">
                <input type="hidden" name="creation_time" value="1366664383" />
                <input type="hidden" name="form_token" value="bebbda4868679698ded0d3b9390f8156d6eaae28" />
                <input type="hidden" name="screen" id="screen" value="" />
                <input type="submit" tabindex="7" name="preview" value="Aperçu" class="button1" onclick="document.getElementById('postform').action += '#preview';" />
                <input type="submit" accesskey="s" tabindex="8" name="post" value="Envoyer" class="button1" />
        </fieldset>
       
      <span class="corners-bottom"></span></div></div></span></center>
</form>
   
</body>
</html>
PS: L'erreur c'était une balise <td> et </td> en trop, c'est des balises puissantes ! x)

Cordialement.

Naruhiko
***

Masculin
Messages : 196
Inscrit(e) le : 21/06/2012

http://naruto-the-destiny.forumactif.com
Naruhiko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de formulaire.

Message par zephino le Ven 26 Avr 2013 - 23:14

C'est ça, merci ! Smile

zephino
**

Masculin
Messages : 73
Inscrit(e) le : 13/12/2008

http://tempestatem.bbfr.net/
zephino 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