Problème de condition IF dans un javascript d'une page html

[McLeod]

Version du forum : PhpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox , Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.villapaintball.fr
Lien de la page html concernée : http://www.villapaintball.fr/h14-formulaire-de-rendez-vous

---

Bonjour,

Je viens de créer une nouvelle page html pour faire un formulaire de réponse. La page fonctionne sans problème, mais je cherche à cocher une icone de post en fonction d'un choix effectué dans une liste par l'utilisateur et qui sert d'entête au titre du message. Je fais donc une série de commandes IF basiques ressemblant à ça : IF (valeurA == "TOTO"){valeurB = 4;}

J'ai beau regarder tout les tutos web, impossible de faire marcher ces conditions. La valeurB n'est jamais celle que je donne ! Dans mon code (ci-dessous), si je sélectionne la valeur "ORGA" pour la variable form.champ_type.value , je n"obtiens pas la valeur 6 pour la variable form.post_icon.value, mais 2 !

Voici le morceau de javascript en cause :

Code:

 if(form.champ_type.value == "LIBRE"){form.post_icon.value = 0;}
  if(form.champ_type.value == "RATOON"){form.post_icon.value = 3;}
  if(form.champ_type.value == "FIESTA"){form.post_icon.value = 4;}
  if(form.champ_type.value == "ORGA"){form.post_icon.value = 6;}
  if(form.champ_type.value == "TRAVAUX"){form.post_icon.value = 2;}
  if(form.champ_type.value == "SORTIE"){form.post_icon.value = 5;}
  if(form.champ_type.value == "AUTRE"){form.post_icon.value = 0;}

Voici le code complet de la page :

Code:

<style type="text/css">
</style>

<script type="text/javascript">
function envoiMessage(form){

// Association du type et de la vignette du forum
  if(form.champ_type.value == "LIBRE"){form.post_icon.value = 0;}
  if(form.champ_type.value == "RATOON"){form.post_icon.value = 3;}
  if(form.champ_type.value == "FIESTA"){form.post_icon.value = 4;}
  if(form.champ_type.value == "ORGA"){form.post_icon.value = 6;}
  if(form.champ_type.value == "TRAVAUX"){form.post_icon.value = 2;}
  if(form.champ_type.value == "SORTIE"){form.post_icon.value = 5;}
  if(form.champ_type.value == "AUTRE"){form.post_icon.value = 0;}
  
// Créer un message à partir des informations fournies
var txt_message = form.champ_descrip.value;

// Insére le texte dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Créer un titre à partir des informations fournies
var txt_titre = form.champ_type.value + " - "
  + form.champ_titre.value + " - "
  + form.champ_jour.value + " "
  + form.topic_calendar_day.value + "/"
  + form.topic_calendar_month.value + "/"
  + form.topic_calendar_year.value;
  
// Insére le texte dans le champ caché "subject" (titre) du formulaire
form.subject.value = txt_titre;
  
}
</script>

<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" class="form">
  <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 = post-it / 2 = annonce) -->
  <input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
  <input type="hidden" name="f" value="8" />   <!-- ID du forum dans lequel le message sera posté-->
  <input type="hidden" name="subject" id="titre" value="" />
  <input type="hidden" name="post_icon" value="">
  
  <p>Création d'un rendez-vous</p>

  <label for="champ_titre">Titre du rendez-vous </label><br />
  <input type="text" name="champ_titre" id="champ_titre" Size="80" maxlength="255" title="La longueur du titre de ce sujet doit être comprise entre 6 et 255 caractères" required/><br />
  
  <table>
    <tr>
      <td>
        <p>Date du rendez-vous</p>
      </td>
      
      <td>
      <select name="champ_jour" title="Sélectionner un jour de la semaine dans la liste" required>
        <option value=""> -------- </option>
        <option value="Lundi">Lundi</option>
        <option value="Mardi">Mardi</option>
        <option value="Mercredi">Mercredi</option>
        <option value="Jeudi">Jeudi</option>
        <option value="Vendredi">Vendredi</option>
        <option value="Samedi">Samedi</option>
        <option value="Dimanche">Dimanche</option>
      </select>
        
      <select name="topic_calendar_day" title="Sélectionner un jour dans la liste" required>
        <option value=""> -- </option>
        <option value="1">01</option>
        <option value="2">02</option>
        <option value="3">03</option>
        <option value="4">04</option>
        <option value="5">05</option>
        <option value="6">06</option>
        <option value="7">07</option>
        <option value="8">08</option>
        <option value="9">09</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="21">21</option>
        <option value="22">22</option>
        <option value="23">23</option>
        <option value="24">24</option>
        <option value="25">25</option>
        <option value="26">26</option>
        <option value="27">27</option>
        <option value="28">28</option>
        <option value="29">29</option>
        <option value="30">30</option>
        <option value="31">31</option>
      </select>
      
      <select name="topic_calendar_month" title="Sélectionner un mois dans la liste" required>
        <option value=""> --------- </option>
        <option value="1">Janvier</option>
        <option value="2">Février</option>
        <option value="3">Mars</option>
        <option value="4">Avril</option>
        <option value="5">Mai</option>
        <option value="6">Juin</option>
        <option value="7">Juillet</option>
        <option value="8">Août</option>
        <option value="9">Septembre</option>
        <option value="10">Octobre</option>
        <option value="11">Novembre</option>
        <option value="12">Décembre</option>
      </select>
      
      <select name="topic_calendar_year" title="Changer l'année si nécessaire" required>
        <option value="2019">2019</option>
        <option value="2020">2020</option>
        <option value="2021">2021</option>
        <option value="2022">2022</option>
        <option value="2023">2023</option>
        <option value="2024">2024</option>
        <option value="2025">2025</option>
        <option value="2026">2026</option>
        <option value="2027">2027</option>
        <option value="2028">2028</option>
        <option value="2029">2029</option>
      </select>
      </td>
      
    </tr>

    <tr>
      <td><label for="champ_type">Type de Rendez-vous </label></td>
      <td><select name="champ_type" id="champ_type" title="Sélectionner un type de rendez-vous dans la liste" required>
        <option value=""> ---------------- </option>
        <option value="LIBRE">Jeu libre</option>
        <option value="RATOON">Exclusif Ratoons</option>
        <option value="FIESTA">Ratoons Fiesta</option>
        <option value="ORGA">Orga</option>
        <option value="TRAVAUX">Travaux</option>
        <option value="SORTIE">Sortie extérieur</option>
        <option value="AUTRE">Autre</option>
        </select>
      </td>
    </tr>
    
  </table><br />

  <label for="champ_descrip">Description du rendez vous </label><br />
  <textarea id="champ_descrip" name="champ_descrip" rows="10" cols="50" required></textarea><br />

  <input class="button2" type="submit" name="preview" value="Prévisualiser">
  <input class="button1" type="submit" name="post" value="Envoyer">

</form>

Un grand merci à celui qui pourra résoudre ce problème qui commence à me rendre fou.

[McLeod]

C'est trouvé... ENFIN !
Et ça ne rien a voir avec mon script.

Les post-icon ne suivent pas un ordre logique. Le sixième porte le n°2 puis le septième passe au n°4. Peut-être cela suit-il l'ordre de création des boutons, je ne sais pas. Mais en inspectant les sources avec Chrome j'ai pu retrouver mes petits.

Bref... désolé, mais je ferme le sujet.