Problème : deux formulaires dans une même page HTML

[Phyliono]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Tous les navigateurs
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.universiteuniverselle.com

Description du problème

Bonjour,

Je souhaiterais l'aide de l'un d'entre vous pour résoudre mon problème. J'ai codé deux formulaires dans une page HTML (c'est important que ce soit deux formulaires différents et dans la même page) sauf que le premier formulaire (Traitement des présences) fonctionne alors que le second ne fonctionne pas (La gestion du recrutement) : voir capture d'écran.

Comment faire ?

Tenez mon code :

Code:

<div class="is_authorized">
<table class="forumline" border="0" cellspacing="1" cellpadding="0" style="width: 100%;">
                                                                                                                                                                      
   <tbody>
                                                                               
      <tr>
                                                                                                                                                                          
         <th style="width: 100%; white-space: nowrap;" class="secondarytitle">
                                                                                                                 
            <h2>
                                                   <span style="color: rgb(255, 255, 255);">Panel des ministres</span>                                   
            </h2>
                                                                                                         
         </th>
                                                                                      
      </tr>
         
<tr>
  <td height="6">
  </td>
</tr>
 
<tr>
  <td style="padding-left:20px; padding-right:10px;" class="informations">
    <center>
      <br />Les guides<br /><br />
      <span style="font-size: 12px;">Un guide a été conçu pour chaque employé de manière à les aider à comprendre le fonctionnement des systèmes et à faciliter la formation des employés par les ministres.<br />
      Le guide doit être envoyé de préférence par message privé à l'employé en le prévenant et en lui demandant éventuellement d'y répondre par la mention « Lu et approuvé ».<br />
      <br />
      Il est tout de même nécessaire de leur donner les directives suivantes lors du recrutement d'un employé<br />
      et ne pas se reposer uniquement sur le guide :<br />
      - Demandes d'ami aux ministres concernés<br />
      - Adhésions aux groupes concernés<br />
      - Conversation Skype des employés<br />
      <br />
      <a href="/h24-guide-des-professeurs"><img src="http://i21.servimg.com/u/f21/17/44/20/01/les_pr10.png" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/h22-guide-des-marchands"><img src="http://i21.servimg.com/u/f21/17/44/20/01/les_ma10.png" /></a><br />
      </span>
      <br />
    </center>
  </td>
</tr>
         
<tr>
  <td height="6">
  </td>
</tr>
 
<tr>
  <td style="padding-left:20px; padding-right:10px;" class="informations">
    <center>
      <br />Le traitement des présences<br /><br />
      <form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
      <input type="hidden" name="mode" value="reply" /><!--    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="subject" value="" />
     
      <script type="text/javascript">
      function envoiMessage(form)
      {
      var txt_message = ":ac:" + '\n'
      + '\n'
      + form.remarques.value + '\n';
      form.message.value = txt_message;
      form.subject.value = Validé ;
      }
      </script>
     
      <span style="font-size:12px;">Ce formulaire est à remplir avant de traiter les présences.</span><br />
      <br />
      <label for="topic"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Employés :</strong> <font color="red">*</font></span></label>
      <br />
      <select name="t" id="topic" class="formulaire" style="height:30px;">
      <option value=" "></option>
      <option value="191">Guides</option>
      <option value="192">Professeurs</option>
      <option value="194">Marchands</option>
      <option value="195">Animateurs</option>
      <option value="196">Réunions</option>
      <option value="197">Ministres</option>
      </select><br />
      <br />
      <label for="remarques"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Remarques :</strong></span><br />
      <span style="font-family: ubuntu, verdana;font-size:10px;margin-left:15px;"><center><em><strong>Facultatif</strong></em></center></span></label><br />
      <textarea id="remarques" name="remarques" class="formulaire" style="height:60px; resize:none;"></textarea><br />
      <br />
      <input name="post" type="submit" value=" " class="valid_profile" style="background:url(http://i18.servimg.com/u/f18/17/44/20/01/envoye10.png);height:32px;width:95px;border:none;" />
      </form>
      <br />
    </center>
  </td>
</tr>
       
<tr>
  <td height="6">
  </td>
</tr>
 
<tr>
  <td style="padding-left:20px; padding-right:10px;" class="informations">
    <center>
      <br />Les raisons de refus au recrutement<br /><br />
      <span style="font-size: 12px;"><table class="global_table" cellspacing="0"><tbody>
        <tr><td class="title_table" colspan="2">IDENTITÉ</td></tr>
        <tr class="l_table"><td>Comptes</td><td>Anciens comptes inconcevables</td></tr>
        <tr class="l_table"><td>Mensonges</td><td>Propos fallacieux</td></tr>
        <tr><td class="end_table" colspan="2"></td></tr>
       
        <tr><td style="width:100%;height:5px;background:transparent;"colspan="2"></td></tr>
        <tr><td class="title_table" colspan="2">ACTIVITÉ</td></tr>
        <tr class="l_table"><td>Connexion</td><td>Pas assez connecté sur Habbo</td></tr>
        <tr class="l_table"><td>Investissement</td><td>Pas assez d’investissement à l’université</td></tr>
        <tr><td class="end_table" colspan="2"></td></tr>
       
        <tr><td style="width:100%;height:5px;background:transparent;"colspan="2"></td></tr>
        <tr><td class="title_table" colspan="2">COMPÉTENCES</td></tr>
        <tr class="l_table"><td>WIRED</td><td>Ignorance des principaux WIRED</td></tr>
        <tr class="l_table"><td>Connaissances</td><td>Pas assez de connaissances</td></tr>
        <tr class="l_table"><td>Expérience</td><td>Pas assez d’expérience</td></tr>
        <tr class="l_table"><td>Motivation</td><td>Pas assez de motivation</td></tr>
        <tr class="l_table"><td>Orthographe</td><td>Problème d’orthographe/syntaxe</td></tr>
        <tr class="l_table"><td>Incohérence</td><td>Pas assez de connaissances</td></tr>
        <tr><td class="end_table" colspan="2"></td></tr>
       
        <tr><td style="width:100%;height:5px;background:transparent;"colspan="2"></td></tr>
        <tr><td class="title_table" colspan="2">COMMERCES</td></tr>
        <tr class="l_table"><td>Accès</td><td>Commerce inaccessible</td></tr>
        <tr class="l_table"><td>Type</td><td>Type du commerce indéfini</td></tr>
        <tr class="l_table"><td>Décoration</td><td>Décoration inappropriée</td></tr>
        <tr class="l_table"><td>Irréalisme</td><td>Décoration irréaliste</td></tr>
        <tr class="l_table"><td>Employé</td><td>Pas de propriétaire valide</td></tr>
        <tr class="l_table"><td>Propriétaire</td><td>Pas propriétaire d’un commerce valide</td></tr>
        <tr class="l_table"><td>Copropriétaire</td><td>Impossibilité d’avoir plus d’un propriétaire par commerce</td></tr>
        <tr><td class="end_table" colspan="2"></td></tr>
       
        <tr><td style="width:100%;height:5px;background:transparent;"colspan="2"></td></tr>
        <tr><td class="title_table" colspan="2">RADIO</td></tr>
        <tr class="l_table"><td>Logiciel</td><td>Pas de logiciel indispensable à la radio</td></tr>
        <tr class="l_table"><td>Thème</td><td>Pas de thème d'émissions valide</td></tr>
        <tr class="l_table"><td>Organisation</td><td>Problème d’organisation des émissions</td></tr>
        <tr><td class="end_table" colspan="2"></td></tr>
        </tbody></table>
      </span>
      <br />
    </center>
  </td>
</tr>
         
<tr>
  <td height="6">
  </td>
</tr>
 
<tr>
  <td style="padding-left:20px; padding-right:10px;" class="informations">
    <center>
      <br />La gestion du recrutement<br /><br />
      <form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
      <input type="hidden" name="mode" value="reply" /><!--    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="subject" value="" />
      <input type="hidden" name="t" value="183" />
     
      <script type="text/javascript">
      function envoiMessage(form)
      {
      var txt_message = ":ac: " + form.pseudo.value + " - " + form.changement.value + " " + form.poste.value + " - " + form.specialite.value + '\n';
      form.message.value = txt_message;
      form.subject.value = Changement d'employé ;
      }
      </script>
     
      <span style="font-size:12px;">Ce formulaire est à remplir lors du test d'un employé (accepté/refusé) ou lors du départ d'un employé (licencié/démissionné).</span><br />
      <br />
      <label for="pseudo"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Pseudo :</strong></span></label>
      <input type="text" id="pseudo" name="pseudo" class="formulaire" style="height:20px; width:100px;"></input>
     
      <label for="changement"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Changement :</strong></span></label>
      <select name="changement" id="changement" class="formulaire" style="height:30px; width:100px;">
      <option value=" "></option>
      <option value="Accepté">Accepté</option>
      <option value="Refusé">Refusé</option>
      <option value="Démissionné">Démissionné</option>
      <option value="Licencié">Licencié</option>
      </select><br />
      <br />
      <label for="poste"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Poste :</strong></span></label>
      <select name="poste" id="poste" class="formulaire" style="height:30px; width:100px;">
      <option value=" "></option>
      <option value="Guide">Guide</option>
      <option value="Professeur">Professeur</option>
      <option value="Marchand">Marchand</option>
      <option value="Animateur">Animateur</option>
      </select>
     
      <label for="specialite"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Spécialité :</strong></span></label>
      <input type="text" id="specialite" name="specialite" class="formulaire" style="height:20px; width:100px;"></input><br />
      <br />
      <input name="post" type="submit" value=" " class="valid_profile" style="background:url(http://i18.servimg.com/u/f18/17/44/20/01/envoye10.png);height:32px;width:95px;border:none;" />
      </form>
      <br />
      <span style="font-size:16px;color:red;">INDISPONIBLE</span><br />
      <br />
    </center>
  </td>
</tr>
                                                                       
   </tbody>
</table>
</div>
<div class="is_not_authorized">
<table class="forumline" border="0" cellspacing="1" cellpadding="0" style="width: 100%;">
                                                                                                                                                                      
   <tbody>
                                                                               
      <tr>
                                                                                                                                                                          
         <th style="width: 100%; white-space: nowrap;" class="secondarytitle">
                                                                                                                 
            <h2>
                                                   <span style="color: rgb(255, 255, 255);">Informations</span>                                   
            </h2>
                                                                                                         
         </th>
                                                                                      
      </tr>


 
<tr>
  <td style="padding-left:20px; padding-right:10px;" class="informations">
    <center>
      <br />
      <span style="font-size: 12px;">Vous n'êtes pas autorisé à accéder à cette page.</span><br />
      <br />
    </center>
  </td>
</tr>

           </tbody>
</table>
</div>
<script>
  var authorized_list= [1, 4, 5, 6, 7, 8, 9, 10, 11, 12, 295]; /* ids des membres autorisés */
 
  var j= jQuery;
  if(j.inArray(_userdata["user_id"],authorized_list)!=-1)
  {
    j(".is_not_authorized").remove();
    j(".is_authorized").removeClass("is_authorized");
  }
  else {
    j(".is_authorized").remove();
    j(".is_not_authorized").removeClass("is_not_authorized");
  }
</script>

Merci d'avance!

[Scoubifitz]

bonsoir,

Code:

<div class="is_authorized">
<table class="forumline" border="0" cellspacing="1" cellpadding="0" style="width: 100%;">
<tbody>
<tr>
<th style="width: 100%; white-space: nowrap;" class="secondarytitle">
<h2><span style="color: rgb(255, 255, 255);">Panel des ministres</span></h2>
</th>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center><br/>Les guides<br/><br/><span style="font-size: 12px;">Un guide a été conçu pour chaque employé de manière à les aider à comprendre le fonctionnement des systèmes et à faciliter la formation des employés par les ministres.<br/>Le guide doit être envoyé de préférence par message privé à l'employé en le prévenant et en lui demandant éventuellement d'y répondre par la mention « Lu et approuvé ».<br/><br/>Il est tout de même nécessaire de leur donner les directives suivantes lors du recrutement d'un employé<br/>et ne pas se reposer uniquement sur le guide :<br/>- Demandes d'ami aux ministres concernés<br/>- Adhésions aux groupes concernés<br/>- Conversation Skype des employé<br/><br/><a href="/h24-guide-des-professeurs"><img src="http://i21.servimg.com/u/f21/17/44/20/01/les_pr10.png"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/h22-guide-des-marchands"><img src="http://i21.servimg.com/u/f21/17/44/20/01/les_ma10.png"/></a><br/></span><br/></center>
</td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center><br/>Le traitement des présences<br/><br/>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)">
<input type="hidden" name="mode" value="reply"/><!-- 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="subject" value=""/>
<script type="text/javascript">
function envoiMessage(form)
{
var txt_message = ":ac:" + '\n\n'
+ form.remarques.value + '\n';
form.message.value = txt_message;
form.subject.value = "Validé" ;
}
</script>
<span style="font-size:12px;">Ce formulaire est à remplir avant de traiter les présences.</span><br/>
<br/>
<label for="topic"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Employés :</strong><font color="red">*</font></span></label>
<br/>
<select name="t" id="topic" class="formulaire" style="height:30px;">
<option value=" "></option>
<option value="191">Guides</option>
<option value="192">Professeurs</option>
<option value="194">Marchands</option>
<option value="195">Animateurs</option>
<option value="196">Réunions</option>
<option value="197">Ministres</option>
</select>
<br/>
<br/>
<label for="remarques"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Remarques :</strong></span><br/>
<span style="font-family: ubuntu, verdana;font-size:10px;margin-left:15px;"><center><em><strong>Facultatif</strong></em></center></span></label><br/>
<textarea id="remarques" name="remarques" class="formulaire" style="height:60px; resize:none;"></textarea><br/>
<br/>
<input name="post" type="submit" value=" " class="valid_profile" style="background:url(http://i18.servimg.com/u/f18/17/44/20/01/envoye10.png);height:32px;width:95px;border:none;"/>
</form>
<br/>
</center>
</td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center>
<br/>Les raisons de refus au recrutement<br/><br/>
<span style="font-size: 12px;">
<table class="global_table" cellspacing="0"> <tbody>
<tr> <td class="title_table" colspan="2"> IDENTITÉ </td> </tr>
<tr class="l_table"> <td> Comptes </td> <td> Anciens comptes inconcevables </td> </tr>
<tr class="l_table"> <td> Mensonges </td> <td> Propos fallacieux </td> </tr>
<tr> <td class="end_table" colspan="2"> </td> </tr>
<tr> <td style="width:100%;height:5px;background:transparent;" colspan="2"> </td> </tr>
<tr> <td class="title_table" colspan="2"> ACTIVITÉ </td> </tr>
<tr class="l_table"> <td> Connexion </td> <td> Pas assez connecté sur Habbo </td> </tr>
<tr class="l_table"> <td> Investissement </td> <td> Pas assez d’investissement à l’université </td> </tr>
<tr> <td class="end_table" colspan="2"> </td> </tr>
<tr> <td style="width:100%;height:5px;background:transparent;" colspan="2"> </td> </tr>
<tr> <td class="title_table" colspan="2"> COMPÉTENCES </td> </tr>
<tr class="l_table"> <td> WIRED </td> <td> Ignorance des principaux WIRED </td> </tr>
<tr class="l_table"> <td> Connaissances </td> <td> Pas assez de connaissances </td> </tr>
<tr class="l_table"> <td> Expérience </td> <td> Pas assez d’expérience </td> </tr>
<tr class="l_table"> <td> Motivation </td> <td> Pas assez de motivation </td> </tr>
<tr class="l_table"> <td> Orthographe </td> <td> Problème d’orthographe/syntaxe </td> </tr>
<tr class="l_table"> <td> Incohérence </td> <td> Pas assez de connaissances </td> </tr>
<tr> <td class="end_table" colspan="2"> </td> </tr>
<tr> <td style="width:100%;height:5px;background:transparent;" colspan="2"> </td> </tr>
<tr> <td class="title_table" colspan="2"> COMMERCES </td> </tr>
<tr class="l_table"> <td> Accès </td> <td> Commerce inaccessible </td> </tr>
<tr class="l_table"> <td> Type </td> <td> Type du commerce indéfini </td> </tr>
<tr class="l_table"> <td> Décoration </td> <td> Décoration inappropriée </td> </tr>
<tr class="l_table"> <td> Irréalisme </td> <td> Décoration irréaliste </td> </tr>
<tr class="l_table"> <td> Employé </td> <td> Pas de propriétaire valide </td> </tr>
<tr class="l_table"> <td> Propriétaire </td> <td> Pas propriétaire d’un commerce valide </td> </tr>
<tr class="l_table"> <td> Copropriétaire </td> <td> Impossibilité d’avoir plus d’un propriétaire par commerce </td> </tr>
<tr> <td class="end_table" colspan="2"> </td> </tr>
<tr> <td style="width:100%;height:5px;background:transparent;" colspan="2"> </td> </tr>
<tr> <td class="title_table" colspan="2"> RADIO </td> </tr>
<tr class="l_table"> <td> Logiciel </td> <td> Pas de logiciel indispensable à la radio </td> </tr>
<tr class="l_table"> <td> Thème </td> <td> Pas de thème d'émissions valide </td> </tr>
<tr class="l_table"> <td> Organisation </td> <td> Problème d’organisation des émissions </td> </tr>
<tr> <td class="end_table" colspan="2"> </td>
</tr> </tbody> </table>
</span><br/></center>
</td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center><br/>La gestion du recrutement<br/><br/>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage2(this)">
<input type="hidden" name="mode" value="reply"/><!--    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="subject" value=""/>
<input type="hidden" name="t" value="183"/>
<script type="text/javascript">
function envoiMessage2(form)
{
var txt_message = ":ac: " + form.pseudo.value + " - " + form.changement.value + " " + form.poste.value + " - " + form.specialite.value + '\n';
form.message.value = txt_message;
form.subject.value = "Changement d'employé" ;
}
</script>
<span style="font-size:12px;">Ce formulaire est à remplir lors du test d'un employé (accepté/refusé) ou lors du départ d'un employé (licencié/démissionné).</span><br/>
<br/>
<label for="pseudo"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Pseudo :</strong></span></label>
<input type="text" id="pseudo" name="pseudo" class="formulaire" style="height:20px; width:100px;"></input>
<label for="changement"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Changement :</strong></span></label>
<select name="changement" id="changement" class="formulaire" style="height:30px; width:100px;">
<option value=" "></option>
<option value="Accepté">Accepté</option>
<option value="Refusé">Refusé</option>
<option value="Démissionné">Démissionné</option>
<option value="Licencié">Licencié</option>
</select>
<br/>
<br/>
<label for="poste"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Poste :</strong></span></label>
<select name="poste" id="poste" class="formulaire" style="height:30px; width:100px;">
<option value=" "></option>
<option value="Guide">Guide</option>
<option value="Professeur">Professeur</option>
<option value="Marchand">Marchand</option>
<option value="Animateur">Animateur</option>
</select>
<label for="specialite"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Spécialité :</strong></span></label>
<input type="text" id="specialite" name="specialite" class="formulaire" style="height:20px; width:100px;"></input><br/>
<br/>
<input name="post" type="submit" value=" " class="valid_profile" style="background:url(http://i18.servimg.com/u/f18/17/44/20/01/envoye10.png);height:32px;width:95px;border:none;"/>
</form>
<br/>
<span style="font-size:16px;color:red;">INDISPONIBLE</span><br/>
<br/>
</center>
</td>
</tr>
</tbody>
</table>
</div>
<div class="is_not_authorized">
<table class="forumline" border="0" cellspacing="1" cellpadding="0" style="width: 100%;">
<tbody>
<tr>
<th style="width: 100%; white-space: nowrap;" class="secondarytitle">
<h2>
<span style="color: rgb(255, 255, 255);">Informations</span>
</h2>
</th>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center>
<br/>
<span style="font-size: 12px;">Vous n'êtes pas autorisé à accéder à cette page.</span><br/>
<br/>
</center>
</td>
</tr>
</tbody>
</table>
</div>
<script>
var authorized_list= [1, 4, 5, 6, 7, 8, 9, 10, 11, 12, 295]; /* ids des membres autorisés */
var j= jQuery;
if(j.inArray(_userdata["user_id"],authorized_list)!=-1)
{
j(".is_not_authorized").remove();
j(".is_authorized").removeClass("is_authorized");
}
else {
j(".is_authorized").remove();
j(".is_not_authorized").removeClass("is_not_authorized");
}
</script>

[Phyliono]

Merci ça marche comme je souhaitais !

Savez-vous s'il est possible de faire en sorte qu'une image s'affiche en fonction de la réponse au formulaire ?

Par exemple au deuxième formulaire (La gestion du recrutement), lorsque l'on choisit "Accepté" dans la liste ça mette cette image : https://2img.net/u/3513/13/24/26/smiles/3496200511.png sinon ça met cette image : https://2img.net/u/3513/13/24/26/smiles/2950999354.png ; pareil pour la couleur du texte, en rouge si c'est pas "Accepté".

Merci d'avance !

[Scoubifitz]

Les deux smileys ont-ils un raccourci ?

exemple : le raccourci de : est " :?: "

Si oui , on peut les mettre directement dans les values des options ...

exemple :

Code:

<option value=" :O: ">Accepté</option>
<option value=" :X: ">Refusé</option>
<option value=" :dem: ">Démissionné</option>
<option value=" :lic: ">Licencié</option>

[Phyliono]

Oui mais je voudrais que le texte "Accepté, Refusé etc.." s'affiche aussi...

[Scoubifitz]

comme ça ?

Code:

<option value="[color=#009900] :O: Accepté[/color]">Accepté</option>
<option value="[color=#ff0000] :X: Refusé[/color]">Refusé</option>
<option value="[color=#ff9900] :dem: Démissionné[/color]">Démissionné</option>
<option value="[color=#0000ff] :lic: Licencié[/color]">Licencié</option>

[Phyliono]

Mh c'est déjà bien mais le problème pour la balise couleur c'est que j'aimerai mettre la valeur du pseudo entre le smiley et le mot Accepté/Refusé..

[Scoubifitz]

donc un truc du genre :

[couleur] smiley + pseudo + accepté [/couleur] + poste + spécialité ?

[Phyliono]

Ce serait plutôt :

[couleur] smiley pseudo - accepté - poste (spécialité) [/couleur]

[Scoubifitz]

Le changement des smileys et des couleurs se fera dans le script :

Code:

<div class="is_authorized">
<table class="forumline" border="0" cellspacing="1" cellpadding="0" style="width: 100%;">
<tbody>
<tr>
<th style="width: 100%; white-space: nowrap;" class="secondarytitle">
<h2><span style="color: rgb(255, 255, 255);">Panel des ministres</span></h2>
</th>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center><br/>Les guides<br/><br/><span style="font-size: 12px;">Un guide a été conçu pour chaque employé de manière à les aider à comprendre le fonctionnement des systèmes et à faciliter la formation des employés par les ministres.<br/>Le guide doit être envoyé de préférence par message privé à l'employé en le prévenant et en lui demandant éventuellement d'y répondre par la mention « Lu et approuvé ».<br/><br/>Il est tout de même nécessaire de leur donner les directives suivantes lors du recrutement d'un employé<br/>et ne pas se reposer uniquement sur le guide :<br/>- Demandes d'ami aux ministres concernés<br/>- Adhésions aux groupes concernés<br/>- Conversation Skype des employé<br/><br/><a href="/h24-guide-des-professeurs"><img src="http://i21.servimg.com/u/f21/17/44/20/01/les_pr10.png"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/h22-guide-des-marchands"><img src="http://i21.servimg.com/u/f21/17/44/20/01/les_ma10.png"/></a><br/></span><br/></center>
</td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center><br/>Le traitement des présences<br/><br/>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)">
<input type="hidden" name="mode" value="reply"/><!-- 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="subject" value=""/>
<script type="text/javascript">
function envoiMessage(form)
{
var txt_message = ":ac:" + '\n\n'
+ form.remarques.value + '\n';
form.message.value = txt_message;
form.subject.value = "Validé" ;
}
</script>
<span style="font-size:12px;">Ce formulaire est à remplir avant de traiter les présences.</span><br/>
<br/>
<label for="topic"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Employés :</strong><font color="red">*</font></span></label>
<br/>
<select name="t" id="topic" class="formulaire" style="height:30px;">
<option value=" "></option>
<option value="191">Guides</option>
<option value="192">Professeurs</option>
<option value="194">Marchands</option>
<option value="195">Animateurs</option>
<option value="196">Réunions</option>
<option value="197">Ministres</option>
</select>
<br/>
<br/>
<label for="remarques"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Remarques :</strong></span><br/>
<span style="font-family: ubuntu, verdana;font-size:10px;margin-left:15px;"><center><em><strong>Facultatif</strong></em></center></span></label><br/>
<textarea id="remarques" name="remarques" class="formulaire" style="height:60px; resize:none;"></textarea><br/>
<br/>
<input name="post" type="submit" value=" " class="valid_profile" style="background:url(http://i18.servimg.com/u/f18/17/44/20/01/envoye10.png);height:32px;width:95px;border:none;"/>
</form>
<br/>
</center>
</td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center>
<br/>Les raisons de refus au recrutement<br/><br/>
<span style="font-size: 12px;">
<table class="global_table" cellspacing="0"> <tbody>
<tr> <td class="title_table" colspan="2"> IDENTITÉ </td> </tr>
<tr class="l_table"> <td> Comptes </td> <td> Anciens comptes inconcevables </td> </tr>
<tr class="l_table"> <td> Mensonges </td> <td> Propos fallacieux </td> </tr>
<tr> <td class="end_table" colspan="2"> </td> </tr>
<tr> <td style="width:100%;height:5px;background:transparent;" colspan="2"> </td> </tr>
<tr> <td class="title_table" colspan="2"> ACTIVITÉ </td> </tr>
<tr class="l_table"> <td> Connexion </td> <td> Pas assez connecté sur Habbo </td> </tr>
<tr class="l_table"> <td> Investissement </td> <td> Pas assez d’investissement à l’université </td> </tr>
<tr> <td class="end_table" colspan="2"> </td> </tr>
<tr> <td style="width:100%;height:5px;background:transparent;" colspan="2"> </td> </tr>
<tr> <td class="title_table" colspan="2"> COMPÉTENCES </td> </tr>
<tr class="l_table"> <td> WIRED </td> <td> Ignorance des principaux WIRED </td> </tr>
<tr class="l_table"> <td> Connaissances </td> <td> Pas assez de connaissances </td> </tr>
<tr class="l_table"> <td> Expérience </td> <td> Pas assez d’expérience </td> </tr>
<tr class="l_table"> <td> Motivation </td> <td> Pas assez de motivation </td> </tr>
<tr class="l_table"> <td> Orthographe </td> <td> Problème d’orthographe/syntaxe </td> </tr>
<tr class="l_table"> <td> Incohérence </td> <td> Pas assez de connaissances </td> </tr>
<tr> <td class="end_table" colspan="2"> </td> </tr>
<tr> <td style="width:100%;height:5px;background:transparent;" colspan="2"> </td> </tr>
<tr> <td class="title_table" colspan="2"> COMMERCES </td> </tr>
<tr class="l_table"> <td> Accès </td> <td> Commerce inaccessible </td> </tr>
<tr class="l_table"> <td> Type </td> <td> Type du commerce indéfini </td> </tr>
<tr class="l_table"> <td> Décoration </td> <td> Décoration inappropriée </td> </tr>
<tr class="l_table"> <td> Irréalisme </td> <td> Décoration irréaliste </td> </tr>
<tr class="l_table"> <td> Employé </td> <td> Pas de propriétaire valide </td> </tr>
<tr class="l_table"> <td> Propriétaire </td> <td> Pas propriétaire d’un commerce valide </td> </tr>
<tr class="l_table"> <td> Copropriétaire </td> <td> Impossibilité d’avoir plus d’un propriétaire par commerce </td> </tr>
<tr> <td class="end_table" colspan="2"> </td> </tr>
<tr> <td style="width:100%;height:5px;background:transparent;" colspan="2"> </td> </tr>
<tr> <td class="title_table" colspan="2"> RADIO </td> </tr>
<tr class="l_table"> <td> Logiciel </td> <td> Pas de logiciel indispensable à la radio </td> </tr>
<tr class="l_table"> <td> Thème </td> <td> Pas de thème d'émissions valide </td> </tr>
<tr class="l_table"> <td> Organisation </td> <td> Problème d’organisation des émissions </td> </tr>
<tr> <td class="end_table" colspan="2"> </td>
</tr> </tbody> </table>
</span><br/></center>
</td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center><br/>La gestion du recrutement<br/><br/>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage2(this)">
<input type="hidden" name="mode" value="reply"/><!--    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="subject" value=""/>
<input type="hidden" name="t" value="183"/>
<script type="text/javascript">
function envoiMessage2(form)
{
var couleur_txt="";
if(form.changement.value=="1")
couleur_txt = "[color=#009900] :O: " + form.pseudo.value + " - Accepté - ";
if(form.changement.value=="2")
couleur_txt = "[color=#ff0000] :X: " + form.pseudo.value + " - Refusé - ";
if(form.changement.value=="3")
couleur_txt = "[color=#ff9900] :dem: " + form.pseudo.value + " - Démissionné - ";
if(form.changement.value=="4")
couleur_txt = "[color=#0000ff] :lic: " + form.pseudo.value + " - Licencié - ";

var txt_message = couleur_txt + form.poste.value + " (" + form.specialite.value + ")[/color]\n";
form.message.value = txt_message;
form.subject.value = "Changement d'employé" ;
}
</script>
<span style="font-size:12px;">Ce formulaire est à remplir lors du test d'un employé (accepté/refusé) ou lors du départ d'un employé (licencié/démissionné).</span><br/>
<br/>
<label for="pseudo"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Pseudo :</strong></span></label>
<input type="text" id="pseudo" name="pseudo" class="formulaire" style="height:20px; width:100px;"></input>
<label for="changement"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Changement :</strong></span></label>
<select name="changement" id="changement" class="formulaire" style="height:30px; width:100px;" required>
<option value=""></option>
<option value="1">Accepté</option>
<option value="2">Refusé</option>
<option value="3">Démissionné</option>
<option value="4">Licencié</option>
</select>
<br/>
<br/>
<label for="poste"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Poste :</strong></span></label>
<select name="poste" id="poste" class="formulaire" style="height:30px; width:100px;" required>
<option value=""></option>
<option value="Guide">Guide</option>
<option value="Professeur">Professeur</option>
<option value="Marchand">Marchand</option>
<option value="Animateur">Animateur</option>
</select>
<label for="specialite"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Spécialité :</strong></span></label>
<input type="text" id="specialite" name="specialite" class="formulaire" style="height:20px; width:100px;"></input><br/>
<br/>
<input name="post" type="submit" value=" " class="valid_profile" style="background:url(http://i18.servimg.com/u/f18/17/44/20/01/envoye10.png);height:32px;width:95px;border:none;"/>
</form>
<br/>
<span style="font-size:16px;color:red;">INDISPONIBLE</span><br/>
<br/>
</center>
</td>
</tr>
</tbody>
</table>
</div>
<div class="is_not_authorized">
<table class="forumline" border="0" cellspacing="1" cellpadding="0" style="width: 100%;">
<tbody>
<tr>
<th style="width: 100%; white-space: nowrap;" class="secondarytitle">
<h2>
<span style="color: rgb(255, 255, 255);">Informations</span>
</h2>
</th>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center>
<br/>
<span style="font-size: 12px;">Vous n'êtes pas autorisé à accéder à cette page.</span><br/>
<br/>
</center>
</td>
</tr>
</tbody>
</table>
</div>
<script>
var authorized_list= [1, 4, 5, 6, 7, 8, 9, 10, 11, 12, 295]; /* ids des membres autorisés */
var j= jQuery;
if(j.inArray(_userdata["user_id"],authorized_list)!=-1)
{
j(".is_not_authorized").remove();
j(".is_authorized").removeClass("is_authorized");
}
else {
j(".is_authorized").remove();
j(".is_not_authorized").removeClass("is_not_authorized");
}
</script>

[Phyliono]

Merci ça fonctionne comme je le souhaitais !

Est-il possible que lorsqu'ils envoient le formulaire, ça ne change pas de page, ça reste sur celle-ci mais que ça actualise les champs ?

J'aimerais effectuer une dernière chose sur un autre formulaire dont voici le code :

Code:

<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[table class='t_planning' width='70%' align='center'][tr][td][size=13]:hr: " + form.h_debut.value + "h" + form.m_debut.value + " à " + form.h_fin.value + "h" + form.m_fin.value + '\n'
  + ":nm: " + form.presence.value + "[/size][/td][/tr][/table]" + '\n';
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = form.activite.value ;
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="mode" value="reply" /><!--    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="subject" value="" />
<input type="hidden" name="t" value="197" />

<table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline">
<tr>
<th nowrap="nowrap" width="100%" class="secondarytitle">
<h2>Présences des ministres</h2>
</th>
</tr>
<tr>
<td class="row1"><br /><div align="center">

<label for="debut"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Début :</strong> <font color="red">*</font></span></label>
<br />
<select name="h_debut" id="h_debut" class="formulaire" style="height:30px;width:195px;margin-right:5px;">
<option value=" ">Heures</option>
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
</select>
 
<select name="m_debut" id="m_debut" class="formulaire" style="height:30px;width:195px;margin-left:5px;">
<option value=" ">Minutes</option>
<option value="00">00</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
</select>
<br />
<br />
<label for="fin"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Fin :</strong> <font color="red">*</font></span></label>
<br />
<select name="h_fin" id="h_fin" class="formulaire" style="height:30px;width:195px;margin-right:5px;">
<option value=" ">Heures</option>
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
</select>
 
<select name="m_fin" id="m_fin" class="formulaire" style="height:30px;width:195px;margin-left:5px;">
<option value=" ">Minutes</option>
<option value="00">00</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
</select>
<br />
<br />
<label for="presence"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Tâches :</strong></span>
  <br /><span style="font-family: ubuntu, verdana;font-size:10px;margin-left:15px;"><center><em><strong>Aller à la ligne pour chaque tâche.</strong></em></center></span></label>
<br />
<textarea id="presence" name="presence" class="formulaire" style="height:275px; width:300px; resize:none;"></textarea>
<br />
<br />
</div>
</td></tr></table>
<table class="valid_row" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" nowrap="nowrap">
<input name="post" type="submit" value=" " class="valid_profile" style="background:url(http://i18.servimg.com/u/f18/17/44/20/01/envoye10.png);height:32px;width:95px;border:none;" />
</td>
</tr>
</table>
</form>

J'aimerais qu'ils puissent dupliquer autant qu'ils veulent l'ensemble des 2 champs (comme un +) pour poster plusieurs "présences" dans un même sujet (et donc dupliquer le script par la même occasion).

Ceci serait-il possible ?

Merci d'avance!

[Scoubifitz]

Hmmmm ...

Il faut comprendre que le formulaire , c'est comme l'éditeur de message , puisqu'on envoie un message .
Le moins stressant serait d'ouvrir une nouvelle fenêtre après l'envoi , ce qui laisserait la fenêtre du formulaire ouverte . Et de mettre un bouton reset pour actualiser la page du formulaire .

Donc 2 target=_blank et 2 type=reset devraient faire l'affaire ...

ce qui donnerait ceci :

Code:

<div class="is_authorized">
<table class="forumline" border="0" cellspacing="1" cellpadding="0" style="width: 100%;">
<tbody>
<tr>
<th style="width: 100%; white-space: nowrap;" class="secondarytitle">
<h2><span style="color: rgb(255, 255, 255);">Panel des ministres</span></h2>
</th>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center><br/>Les guides<br/><br/><span style="font-size: 12px;">Un guide a été conçu pour chaque employé de manière à les aider à comprendre le fonctionnement des systèmes et à faciliter la formation des employés par les ministres.<br/>Le guide doit être envoyé de préférence par message privé à l'employé en le prévenant et en lui demandant éventuellement d'y répondre par la mention « Lu et approuvé ».<br/><br/>Il est tout de même nécessaire de leur donner les directives suivantes lors du recrutement d'un employé<br/>et ne pas se reposer uniquement sur le guide :<br/>- Demandes d'ami aux ministres concernés<br/>- Adhésions aux groupes concernés<br/>- Conversation Skype des employé<br/><br/><a href="/h24-guide-des-professeurs"><img src="http://i21.servimg.com/u/f21/17/44/20/01/les_pr10.png"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/h22-guide-des-marchands"><img src="http://i21.servimg.com/u/f21/17/44/20/01/les_ma10.png"/></a><br/></span><br/></center>
</td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center><br/>Le traitement des présences<br/><br/>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)" target="_blank">
<input type="hidden" name="mode" value="reply"/><!-- 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="subject" value=""/>
<script type="text/javascript">
function envoiMessage(form)
{
var txt_message = ":ac:" + '\n\n'
+ form.remarques.value + '\n';
form.message.value = txt_message;
form.subject.value = "Validé" ;
}
</script>
<span style="font-size:12px;">Ce formulaire est à remplir avant de traiter les présences.</span><br/>
<br/>
<label for="topic"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Employés :</strong><font color="red">*</font></span></label>
<br/>
<select name="t" id="topic" class="formulaire" style="height:30px;">
<option value=" "></option>
<option value="191">Guides</option>
<option value="192">Professeurs</option>
<option value="194">Marchands</option>
<option value="195">Animateurs</option>
<option value="196">Réunions</option>
<option value="197">Ministres</option>
</select>
<br/>
<br/>
<label for="remarques"><span style="font-family: ubuntu, verdana;font-size:11px;margin-left:15px;"><strong>Remarques :</strong></span><br/>
<span style="font-family: ubuntu, verdana;font-size:10px;margin-left:15px;"><center><em><strong>Facultatif</strong></em></center></span></label><br/>
<textarea id="remarques" name="remarques" class="formulaire" style="height:60px; resize:none;"></textarea><br/>
<br/><input name="post" type="reset" value="rafraichir" />
<input name="post" type="submit" value=" " class="valid_profile" style="background:url(http://i18.servimg.com/u/f18/17/44/20/01/envoye10.png);height:32px;width:95px;border:none;"/>
</form>
<br/>
</center>
</td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center>
<br/>Les raisons de refus au recrutement<br/><br/>
<span style="font-size: 12px;">
<table class="global_table" cellspacing="0"> <tbody>
<tr> <td class="title_table" colspan="2"> IDENTITÉ </td> </tr>
<tr class="l_table"> <td> Comptes </td> <td> Anciens comptes inconcevables </td> </tr>
<tr class="l_table"> <td> Mensonges </td> <td> Propos fallacieux </td> </tr>
<tr> <td class="end_table" colspan="2"> </td> </tr>
<tr> <td style="width:100%;height:5px;background:transparent;" colspan="2"> </td> </tr>
<tr> <td class="title_table" colspan="2"> ACTIVITÉ </td> </tr>
<tr class="l_table"> <td> Connexion </td> <td> Pas assez connecté sur Habbo </td> </tr>
<tr class="l_table"> <td> Investissement </td> <td> Pas assez d’investissement à l’université </td> </tr>
<tr> <td class="end_table" colspan="2"> </td> </tr>
<tr> <td style="width:100%;height:5px;background:transparent;" colspan="2"> </td> </tr>
<tr> <td class="title_table" colspan="2"> COMPÉTENCES </td> </tr>
<tr class="l_table"> <td> WIRED </td> <td> Ignorance des principaux WIRED </td> </tr>
<tr class="l_table"> <td> Connaissances </td> <td> Pas assez de connaissances </td> </tr>
<tr class="l_table"> <td> Expérience </td> <td> Pas assez d’expérience </td> </tr>
<tr class="l_table"> <td> Motivation </td> <td> Pas assez de motivation </td> </tr>
<tr class="l_table"> <td> Orthographe </td> <td> Problème d’orthographe/syntaxe </td> </tr>
<tr class="l_table"> <td> Incohérence </td> <td> Pas assez de connaissances </td> </tr>
<tr> <td class="end_table" colspan="2"> </td> </tr>
<tr> <td style="width:100%;height:5px;background:transparent;" colspan="2"> </td> </tr>
<tr> <td class="title_table" colspan="2"> COMMERCES </td> </tr>
<tr class="l_table"> <td> Accès </td> <td> Commerce inaccessible </td> </tr>
<tr class="l_table"> <td> Type </td> <td> Type du commerce indéfini </td> </tr>
<tr class="l_table"> <td> Décoration </td> <td> Décoration inappropriée </td> </tr>
<tr class="l_table"> <td> Irréalisme </td> <td> Décoration irréaliste </td> </tr>
<tr class="l_table"> <td> Employé </td> <td> Pas de propriétaire valide </td> </tr>
<tr class="l_table"> <td> Propriétaire </td> <td> Pas propriétaire d’un commerce valide </td> </tr>
<tr class="l_table"> <td> Copropriétaire </td> <td> Impossibilité d’avoir plus d’un propriétaire par commerce </td> </tr>
<tr> <td class="end_table" colspan="2"> </td> </tr>
<tr> <td style="width:100%;height:5px;background:transparent;" colspan="2"> </td> </tr>
<tr> <td class="title_table" colspan="2"> RADIO </td> </tr>
<tr class="l_table"> <td> Logiciel </td> <td> Pas de logiciel indispensable à la radio </td> </tr>
<tr class="l_table"> <td> Thème </td> <td> Pas de thème d'émissions valide </td> </tr>
<tr class="l_table"> <td> Organisation </td> <td> Problème d’organisation des émissions </td> </tr>
<tr> <td class="end_table" colspan="2"> </td>
</tr> </tbody> </table>
</span><br/></center>
</td>
</tr>
<tr>
<td height="6"></td>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center><br/>La gestion du recrutement<br/><br/>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage2(this)" target="_blank">
<input type="hidden" name="mode" value="reply"/><!--    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="subject" value=""/>
<input type="hidden" name="t" value="183"/>
<script type="text/javascript">
function envoiMessage2(form)
{
var couleur_txt="";
if(form.changement.value=="1")
couleur_txt = "[color=#009900] :O: " + form.pseudo.value + " - Accepté - ";
if(form.changement.value=="2")
couleur_txt = "[color=#ff0000] :X: " + form.pseudo.value + " - Refusé - ";
if(form.changement.value=="3")
couleur_txt = "[color=#ff9900] :dem: " + form.pseudo.value + " - Démissionné - ";
if(form.changement.value=="4")
couleur_txt = "[color=#0000ff] :lic: " + form.pseudo.value + " - Licencié - ";

var txt_message = couleur_txt + form.poste.value + " (" + form.specialite.value + ")[/color]\n";
form.message.value = txt_message;
form.subject.value = "Changement d'employé" ;
}
</script>
<span style="font-size:12px;">Ce formulaire est à remplir lors du test d'un employé (accepté/refusé) ou lors du départ d'un employé (licencié/démissionné).</span><br/>
<br/>
<label for="pseudo"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Pseudo :</strong></span></label>
<input type="text" id="pseudo" name="pseudo" class="formulaire" style="height:20px; width:100px;"></input>
<label for="changement"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Changement :</strong></span></label>
<select name="changement" id="changement" class="formulaire" style="height:30px; width:100px;" required>
<option value=""></option>
<option value="1">Accepté</option>
<option value="2">Refusé</option>
<option value="3">Démissionné</option>
<option value="4">Licencié</option>
</select>
<br/>
<br/>
<label for="poste"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Poste :</strong></span></label>
<select name="poste" id="poste" class="formulaire" style="height:30px; width:100px;" required>
<option value=""></option>
<option value="Guide">Guide</option>
<option value="Professeur">Professeur</option>
<option value="Marchand">Marchand</option>
<option value="Animateur">Animateur</option>
</select>
<label for="specialite"><span style="font-family: ubuntu, verdana;font-size:11px;"><strong>Spécialité :</strong></span></label>
<input type="text" id="specialite" name="specialite" class="formulaire" style="height:20px; width:100px;"></input><br/>
  <br/><input name="post" type="reset" value="rafraichir" />
<input name="post" type="submit" value=" " class="valid_profile" style="background:url(http://i18.servimg.com/u/f18/17/44/20/01/envoye10.png);height:32px;width:95px;border:none;"/>
</form>
<br/>
<span style="font-size:16px;color:red;">INDISPONIBLE</span><br/>
<br/>
</center>
</td>
</tr>
</tbody>
</table>
</div>
<div class="is_not_authorized">
<table class="forumline" border="0" cellspacing="1" cellpadding="0" style="width: 100%;">
<tbody>
<tr>
<th style="width: 100%; white-space: nowrap;" class="secondarytitle">
<h2>
<span style="color: rgb(255, 255, 255);">Informations</span>
</h2>
</th>
</tr>
<tr>
<td style="padding-left:20px; padding-right:10px;" class="informations">
<center>
<br/>
<span style="font-size: 12px;">Vous n'êtes pas autorisé à accéder à cette page.</span><br/>
<br/>
</center>
</td>
</tr>
</tbody>
</table>
</div>
<script>
var authorized_list= [1, 4, 5, 6, 7, 8, 9, 10, 11, 12, 295]; /* ids des membres autorisés */
var j= jQuery;
if(j.inArray(_userdata["user_id"],authorized_list)!=-1)
{
j(".is_not_authorized").remove();
j(".is_authorized").removeClass("is_authorized");
}
else {
j(".is_authorized").remove();
j(".is_not_authorized").removeClass("is_not_authorized");
}
</script>

Le 2e code me rappelle un formulaire que j'avais fait pour une fiche pokemon ... il me faudra un peu de temps .

[Phyliono]

Merci c'est ça mais il n'y a pas possibilité que le bouton Envoyer reset en même temps qu'il envoie au lieu d'avoir 2 boutons ?

Merci d'avance!

[Scoubifitz]

Je n'ai pas voulu inclure la fonction onClick="window.location.reload(true)" au bouton submit , parce que certains navigateurs demandent confirmation de ce rafraichissement ...

S'il faut cliquer sur cette confirmation , autant cliquer sur le reset ...

De plus , si un seul champ doit être modifié (le pseudo par exemple) , autant garder les autres champs déjà pré-remplis .

[Phyliono]

Okok merci et pour ça ? :

J'aimerais qu'ils puissent dupliquer autant qu'ils veulent l'ensemble des 2 champs (comme un +) pour poster plusieurs "présences" dans un même sujet (et donc dupliquer le script par la même occasion).

Ceci serait-il possible ?

[Scoubifitz]

Seulement les horaires ? ou aussi les tâches ?

[Phyliono]

Les 2 oui : 1 tâche = 1 horaire donc 1 script par tâche (= 1 tableau)

[Scoubifitz]

Il y aura donc plusieurs tableaux (horaires + tache) dans la même journée , c'est ça ?

[Phyliono]

En effet oui. J'aimerais qu'ils puissent mettre autant de tâches dans un même sujet (donc plusieurs tableaux) donc pouvoir démultiplier les champs autant qu'ils veulent.

Merci d'avance!

[Scoubifitz]

C'est parti pour un essai ... attention , le code est très travaillé ...

Code:

<style type="text/css">
#form_minister label{
font-family: ubuntu, verdana;
font-size:11px;
font-weight:bold;
}
#form_minister label span{
color:red;
}
#form_minister select{
height:30px;
width:195px;
margin:5px;
}
#form_minister textarea{
height:275px;
width:300px;
resize:none;
}
#form_minister .forumline td{
text-align:center;padding:20px 0;
}
#button_add,#button_del{
height:30px;
width:195px;
background:url(http://i18.servimg.com/u/f18/18/72/44/21/catego14.png);
font-weight:bold;
}
#button_add:hover,#button_del:hover{
background:url(http://i18.servimg.com/u/f18/18/72/44/21/catego15.png);
}
</style>
<script type="text/javascript">
var nb_lignes=2;
var listheure = new Array("00","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23");
var listheurevalue = listheure;
var listminut = new Array("00","10","20","30","40","50");
var listminutvalue = listminut;
// script du bouton d'ajout et de suppression
function add_horaire()
{
var tab1 = document.getElementById('tab1');
var tr1 = document.createElement('tr');
tr1.id = 'tr1'+nb_lignes;
var td1 = document.createElement('td');
td1.className = 'row1';
var h31 = document.createElement('h3');
var txtsup = document.createTextNode("Horaire supplémentaire "+nb_lignes);
var p1 = document.createElement('p');
var label2 = document.createElement('label');
var txtdeb = document.createTextNode("Début : ");
var p2 = document.createElement('p');
var select1 = document.createElement("select");
select1.className = 'formulaire';
select1.setAttribute("name", "h_debut"+nb_lignes);
select1.setAttribute("id", "h_debut"+nb_lignes);
/* liste des options */
for (i =0; i <24; i++)
{
select1.options[i] = new Option(listheure[i], listheurevalue[i],false);
}
var select2 = document.createElement("select");
select2.className = 'formulaire';
select2.setAttribute("name", "m_debut"+nb_lignes);
select2.setAttribute("id", "m_debut"+nb_lignes);
/* liste des options */
for (i =0; i <6; i++)
{
select2.options[i] = new Option(listminut[i], listminutvalue[i],false);
}
var p3 = document.createElement('p');
var label3 = document.createElement('label');
var txtfin = document.createTextNode("Fin : ");
var p4 = document.createElement('p');
var select3 = document.createElement("select");
select3.className = 'formulaire';
select3.setAttribute("name", "h_fin"+nb_lignes);
select3.setAttribute("id", "h_fin"+nb_lignes);
/* liste des options */
for (i =0; i <24; i++)
{
select3.options[i] = new Option(listheure[i], listheurevalue[i],false);
}
var select4 = document.createElement("select");
select4.className = 'formulaire';
select4.setAttribute("name", "m_fin"+nb_lignes);
select4.setAttribute("id", "m_fin"+nb_lignes);
/* liste des options */
for (i =0; i <6; i++)
{
select4.options[i] = new Option(listminut[i], listminutvalue[i],false);
}

var p5 = document.createElement('p');
var label4 = document.createElement('label');
var txttache = document.createTextNode("Tâches : ");
var p6 = document.createElement('p');
var txtarea1 = document.createElement('textarea');
txtarea1.className = 'formulaire';
txtarea1.setAttribute("name", "presence"+nb_lignes);
txtarea1.setAttribute("id", "presence"+nb_lignes);

tab1.appendChild(tr1);
tr1.appendChild(td1);
td1.appendChild(h31);
h31.appendChild(txtsup);
td1.appendChild(p1);
p1.appendChild(label2);
label2.appendChild(txtdeb);
td1.appendChild(p2);
p2.appendChild(select1);
p2.appendChild(select2);
td1.appendChild(p3);
p3.appendChild(label3);
label3.appendChild(txtfin);
td1.appendChild(p4);
p4.appendChild(select3);
p4.appendChild(select4);
td1.appendChild(p5);
p5.appendChild(label4);
label4.appendChild(txttache);
td1.appendChild(p6);
p6.appendChild(txtarea1);
nb_lignes++;
}
function del_horaire()
{
if(nb_lignes>2)
{
nb_lignes--;
var tab1 = document.getElementById('tab1');
var tr1 = document.getElementById('tr1'+nb_lignes);
tab1.removeChild(tr1);
}
}
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "\n";
for (var nb = 1; nb < nb_lignes; nb++)
{
var h_debut = document.getElementById('h_debut'+nb).value;
var m_debut = document.getElementById('m_debut'+nb).value;
var h_fin = document.getElementById('h_fin'+nb).value;
var m_fin = document.getElementById('m_fin'+nb).value;
var presence = document.getElementById('presence'+nb).value;
txt_message += "[table class='t_planning' width='70%' align='center'][tr][td][size=13]:hr: "
+ h_debut + "h" + m_debut + " à " + h_fin + "h" + m_fin + '\n'
+ ":nm: " + presence + "[/size][/td][/tr][/table]\n";
}
txt_message += "\n";
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = form.activite.value ;
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" id="form_minister">
<input type="hidden" name="mode" value="reply" /><!--    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="subject" value="" />
<input type="hidden" name="t" value="197" />
<table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline" id="tab1" name="tab1" >
<tr>
<th nowrap="nowrap" width="100%" class="secondarytitle">
<h2>Présences des ministres</h2>
</th>
</tr>
<tr name="tr11" id="tr11">
<td class="row1">
<p><label for="debut">Début : <span>*</span></label></p>
<select name="h_debut1" id="h_debut1" class="formulaire">
<option value=" ">Heures</option>
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
</select>
<select name="m_debut1" id="m_debut1" class="formulaire">
<option value=" ">Minutes</option>
<option value="00">00</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
</select>
<p><label for="fin">Fin : <span>*</span></label></p>
<select name="h_fin1" id="h_fin1" class="formulaire">
<option value=" ">Heures</option>
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
</select>
<select name="m_fin1" id="m_fin1" class="formulaire">
<option value=" ">Minutes</option>
<option value="00">00</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
</select>
<p><label for="presence">Tâches :</label></p>
<p style="font:bold italic 10px ubuntu, verdana;">Aller à la ligne pour chaque tâche.</p>
<p><textarea id="presence1" name="presence1" class="formulaire"></textarea></p>
</td></tr></table>
<br />
<div align="center"><input type="button" id="button_add" name="button_add"  onClick="add_horaire();" value="Ajouter un horaire" />
<input type="button" id="button_del" name="button_del" onClick="del_horaire();" value="Retirer le dernier horaire" />
</div>
<br />
<table class="valid_row" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" nowrap="nowrap">
<input name="post" type="submit" value=" " class="valid_profile" style="background:url(http://i18.servimg.com/u/f18/17/44/20/01/envoye10.png);height:32px;width:95px;border:none;" />
</td>
</tr>
</table>
</form>

[Phyliono]

Merci c'est bon !

Est-il possible d'ajouter en tête de chaque message ceci :

Code:

[table class="t_planning" align="center" width="80%"][tr][td][center][size=14]Lundi 21 septembre[/size]
[size=13][u]Total :[/u] ? minutes (?)[/size][/center]
[/td]
[/tr]
[/table]

Qui ne doit pas se dupliquer et ils devront juste ajouter la date dans le formulaire mais pour les minutes, que ça se calcule auto avec les présences dessous ?

J'aimerais également supprimer le texte "Horaire supplémentaire" afin de compresser au maximum les cases et réduire la taille de chacune d'elles et retirer l'espace entre le titre du champ et le champ lui-même (après Début, Fin et Tâche) tout en gardant l'espace <br /> après chaque champ et remettre l'indication en italique partout sous le titre Tâche : Merci d'indiquer une seule tâche. ! Sinon c'est excellent, merci beaucoup.

Tenez le code que j'ai légèrement modifié :

Code:

<style type="text/css">
#form_minister label{
font-family: ubuntu, verdana;
font-size:11px;
font-weight:bold;
}
#form_minister label span{
color:red;
}
#form_minister select{
height:30px;
width:195px;
margin:5px;
}
#form_minister textarea{
height:50px;
width:400px;
resize:none;
}
#form_minister .forumline td{
text-align:center;padding:20px 0;
}
#button_add,#button_del{
height:30px;
width:195px;
background:url(http://i18.servimg.com/u/f18/18/72/44/21/catego14.png);
font-weight:bold;
}
#button_add:hover,#button_del:hover{
background:url(http://i18.servimg.com/u/f18/18/72/44/21/catego15.png);
}
</style>
<script type="text/javascript">
var nb_lignes=2;
var listheure = new Array("00","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23");
var listheurevalue = listheure;
var listminut = new Array("00","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40","41","42","43","44","45","46","47","48","49","50","51","52","53","54","55","56","57","58","59");
var listminutvalue = listminut;
// script du bouton d'ajout et de suppression
function add_horaire()
{
var tab1 = document.getElementById('tab1');
var tr1 = document.createElement('tr');
tr1.id = 'tr1'+nb_lignes;
var td1 = document.createElement('td');
td1.className = 'row1';
var h31 = document.createElement('h3');
var txtsup = document.createTextNode("Tâche n°"+nb_lignes);
var p1 = document.createElement('p');
var label2 = document.createElement('label');
var txtdeb = document.createTextNode("Début : ");
var p2 = document.createElement('p');
var select1 = document.createElement("select");
select1.className = 'formulaire';
select1.setAttribute("name", "h_debut"+nb_lignes);
select1.setAttribute("id", "h_debut"+nb_lignes);
/* liste des options */
for (i =0; i <24; i++)
{
select1.options[i] = new Option(listheure[i], listheurevalue[i],false);
}
var select2 = document.createElement("select");
select2.className = 'formulaire';
select2.setAttribute("name", "m_debut"+nb_lignes);
select2.setAttribute("id", "m_debut"+nb_lignes);
/* liste des options */
for (i =0; i <60; i++)
{
select2.options[i] = new Option(listminut[i], listminutvalue[i],false);
}
var p3 = document.createElement('p');
var label3 = document.createElement('label');
var txtfin = document.createTextNode("Fin : ");
var p4 = document.createElement('p');
var select3 = document.createElement("select");
select3.className = 'formulaire';
select3.setAttribute("name", "h_fin"+nb_lignes);
select3.setAttribute("id", "h_fin"+nb_lignes);
/* liste des options */
for (i =0; i <24; i++)
{
select3.options[i] = new Option(listheure[i], listheurevalue[i],false);
}
var select4 = document.createElement("select");
select4.className = 'formulaire';
select4.setAttribute("name", "m_fin"+nb_lignes);
select4.setAttribute("id", "m_fin"+nb_lignes);
/* liste des options */
for (i =0; i <60; i++)
{
select4.options[i] = new Option(listminut[i], listminutvalue[i],false);
}

var p5 = document.createElement('p');
var label4 = document.createElement('label');
var txttache = document.createTextNode("Tâches : ");
var p6 = document.createElement('p');
var txtarea1 = document.createElement('textarea');
txtarea1.className = 'formulaire';
txtarea1.setAttribute("name", "presence"+nb_lignes);
txtarea1.setAttribute("id", "presence"+nb_lignes);

tab1.appendChild(tr1);
tr1.appendChild(td1);
td1.appendChild(h31);
h31.appendChild(txtsup);
td1.appendChild(p1);
p1.appendChild(label2);
label2.appendChild(txtdeb);
td1.appendChild(p2);
p2.appendChild(select1);
p2.appendChild(select2);
td1.appendChild(p3);
p3.appendChild(label3);
label3.appendChild(txtfin);
td1.appendChild(p4);
p4.appendChild(select3);
p4.appendChild(select4);
td1.appendChild(p5);
p5.appendChild(label4);
label4.appendChild(txttache);
td1.appendChild(p6);
p6.appendChild(txtarea1);
nb_lignes++;
}
function del_horaire()
{
if(nb_lignes>2)
{
nb_lignes--;
var tab1 = document.getElementById('tab1');
var tr1 = document.getElementById('tr1'+nb_lignes);
tab1.removeChild(tr1);
}
}
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = " ";
for (var nb = 1; nb < nb_lignes; nb++)
{
var h_debut = document.getElementById('h_debut'+nb).value;
var m_debut = document.getElementById('m_debut'+nb).value;
var h_fin = document.getElementById('h_fin'+nb).value;
var m_fin = document.getElementById('m_fin'+nb).value;
var presence = document.getElementById('presence'+nb).value;
txt_message += "[table class='t_planning' width='70%' align='center'][tr][td][size=13]:hr: "
+ h_debut + "h" + m_debut + " à " + h_fin + "h" + m_fin + '\n'
+ ":nm: " + presence + "[/size][/td][/tr][/table]\n";
}
txt_message += "\n";
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = form.activite.value ;
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" id="form_minister">
<input type="hidden" name="mode" value="reply" /><!--    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="subject" value="" />
<input type="hidden" name="t" value="197" />
<table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline" id="tab1" name="tab1" >
<tr>
<th nowrap="nowrap" width="100%" class="secondarytitle">
<h2>Présences des ministres</h2>
</th>
</tr>
<tr name="tr11" id="tr11">
<td class="row1">
  <span style="font-size:12px;">Merci de poster qu'une seule présence par jour si possible.</span><br /><br />

<label for="debut">Début : <span>*</span></label><br />
<select name="h_debut1" id="h_debut1" class="formulaire">
<option value=" ">Heures</option>
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
</select>

<select name="m_debut1" id="m_debut1" class="formulaire">
<option value=" ">Minutes</option>
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select><br />
<br />
<label for="fin">Fin : <span>*</span></label><br />
<select name="h_fin1" id="h_fin1" class="formulaire">
<option value=" ">Heures</option>
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
</select>

<select name="m_fin1" id="m_fin1" class="formulaire">
<option value=" ">Minutes</option>
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select><br />
<br />
<label for="presence">Tâche :</label><br />
<span style="font-family: ubuntu, verdana;font-size:10px;margin-left:15px;"><center><em><strong>Merci d'indiquer une seule tâche.</strong></em></center></span>
<textarea id="presence1" name="presence1" class="formulaire"></textarea>
</td></tr></table>
<br />
<div align="center"><input type="button" id="button_add" name="button_add"  onClick="add_horaire();" value="Ajouter un horaire" />
<input type="button" id="button_del" name="button_del" onClick="del_horaire();" value="Retirer le dernier horaire" />
</div>
<br />
<table class="valid_row" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" nowrap="nowrap">
<input name="post" type="submit" value=" " class="valid_profile" style="background:url(http://i18.servimg.com/u/f18/17/44/20/01/envoye10.png);height:32px;width:95px;border:none;" />
</td>
</tr>
</table>
</form>

Merci d'avance!

[Scoubifitz]

Pour la date , ce serait juste le jour et le mois , ou aussi l'année ?

Pour le total de présence , je dois faire des essais , suivant qu'il n'y ait qu'un tableau ou plusieurs ...

Pour la tâche , on peut mettre un input type text à la place du textarea ... pas de souci de ce coté là .

[Phyliono]

Merci de ta réponse !

Pour la date, il s'agit juste du jour et du mois (ex: Mercredi 23 septembre)
D'accord pour le total des présences, ça m'aiderait énormément que ça puisse compter le total des minutes de toutes les tâches car j'y passe en moyenne 3 heures par jour à faire que ça à côté de mon travail habituel sur ce site.

Ce serait bien pour la tâche oui et supprimer l'intitulé Horaire supplémentaire !

Merci d'avance !

[Scoubifitz]

En préparation ...

[Phyliono]

D'accord merci

[Phyliono]

up

[Scoubifitz]

Dernier code à tester :

Code:

<style type="text/css">
#form_minister label{
font:bold 11px ubuntu, verdana;
display:inline-block;
}
#form_minister label span{
color:red;
}
#form_minister .italic{
font:bold italic 10px ubuntu, verdana;
}
#form_minister .court{
height:25px;
width:120px;
margin:0 5px;
}
#form_minister textarea{
height:50px;
width:400px;
resize:none;
}
#form_minister .forumline td{
text-align:center;padding:10px 0;
}
#button_add,#button_del{
height:30px;
width:195px;
background:url(http://i18.servimg.com/u/f18/18/72/44/21/catego14.png);
font-weight:bold;
}
#button_add:hover,#button_del:hover{
background:url(http://i18.servimg.com/u/f18/18/72/44/21/catego15.png);
}
</style>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="http://jqueryui.com/resources/demos/datepicker/datepicker-fr.js"></script>
<script>
$(function() {
$( "#datepicker" ).datepicker({
showOtherMonths: true,
selectOtherMonths: true,
minDate: 0, maxDate: "+1M +10D",dateFormat:"DD dd MM"
});
$( "#datepicker" ).datepicker.setDefaults( $.datepicker.regional[ "fr" ] );
$( "#datepicker" ).datepicker( "getDate" );
});
</script>
<script type="text/javascript">
var nb_lignes="";
nb_lignes=2;
var listheure = new Array("00","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23");
var listheurevalue = listheure;
var listminut = new Array("00","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40","41","42","43","44","45","46","47","48","49","50","51","52","53","54","55","56","57","58","59");
var listminutvalue = listminut;
// script du bouton d'ajout et de suppression
function add_horaire()
{
var tab1 = document.getElementById('tab1');
var tr1 = document.createElement('tr');
tr1.id = 'tr1'+nb_lignes;
var td1 = document.createElement('td');
td1.className = 'row1';
var label1 = document.createElement('label');
label1.className = 'court';
var txtdeb = document.createTextNode("Début : ");
var span1 = document.createElement('span');
var txtspan1 = document.createTextNode("*");
var select11 = document.createElement("select");
select11.className = 'formulaire court';
select11.setAttribute("name", "h_debut"+nb_lignes);
select11.setAttribute("id", "h_debut"+nb_lignes);
select11.setAttribute("onChange", "add_total()");
/* liste des options */
for (i =0; i <24; i++)
{
select11.options[i] = new Option(listheure[i], listheurevalue[i],false);
}
var select12 = document.createElement("select");
select12.className = 'formulaire court';
select12.setAttribute("name", "m_debut"+nb_lignes);
select12.setAttribute("id", "m_debut"+nb_lignes);
select12.setAttribute("onChange", "add_total()");
/* liste des options */
for (i =0; i <60; i++)
{
select12.options[i] = new Option(listminut[i], listminutvalue[i],false);
}
var br1 = document.createElement('br');

tab1.appendChild(tr1);
tr1.appendChild(td1);
td1.appendChild(label1);
label1.appendChild(txtdeb);
label1.appendChild(span1);
span1.appendChild(txtspan1);
td1.appendChild(select11);
td1.appendChild(select12);
td1.appendChild(br1);

var label2 = document.createElement('label');
label2.className = 'court';
var txtfin = document.createTextNode("Fin : ");
var span2 = document.createElement('span');
var txtspan2 = document.createTextNode("*");
var select21 = document.createElement("select");
select21.className = 'formulaire court';
select21.setAttribute("name", "h_fin"+nb_lignes);
select21.setAttribute("id", "h_fin"+nb_lignes);
select21.setAttribute("onChange", "add_total()");
/* liste des options */
for (i =0; i <24; i++)
{
select21.options[i] = new Option(listheure[i], listheurevalue[i],false);
}
var select22 = document.createElement("select");
select22.className = 'formulaire court';
select22.setAttribute("name", "m_fin"+nb_lignes);
select22.setAttribute("id", "m_fin"+nb_lignes);
select22.setAttribute("onChange", "add_total()");
/* liste des options */
for (i =0; i <60; i++)
{
select22.options[i] = new Option(listminut[i], listminutvalue[i],false);
}
var br2 = document.createElement('br');

td1.appendChild(label2);
label2.appendChild(txtfin);
label2.appendChild(span2);
span2.appendChild(txtspan2);
td1.appendChild(select21);
td1.appendChild(select22);
td1.appendChild(br2);

var label3 = document.createElement('label');
var txtprez = document.createTextNode("Temps de présence : ");
var input3 = document.createElement('input');
input3.className = 'formulaire court';
input3.setAttribute("name", "presence"+nb_lignes);
input3.setAttribute("id", "presence"+nb_lignes);
var txtprezmin = document.createTextNode(" minutes");
var span3 = document.createElement('span');
span3.setAttribute("id", "nuit"+nb_lignes);

td1.appendChild(label3);
label3.appendChild(txtprez);
label3.appendChild(input3);
label3.appendChild(txtprezmin);
label3.appendChild(span3);

var p4 = document.createElement('p');
var label4 = document.createElement('label');
var txttache = document.createTextNode("Tâche : ");
var span4 = document.createElement('span');
span4.className = 'italic';
var txtspan4 = document.createTextNode("Merci d'indiquer une seule tâche.");
var br4 = document.createElement('br');
var input4 = document.createElement('input');
input4.className = 'formulaire';
input4.setAttribute("name", "tache"+nb_lignes);
input4.setAttribute("id", "tache"+nb_lignes);
input4.setAttribute("required", "required");
var br5 = document.createElement('br');

td1.appendChild(p4);
p4.appendChild(label4);
label4.appendChild(txttache);
td1.appendChild(span4);
span4.appendChild(txtspan4);
td1.appendChild(br4);
td1.appendChild(input4);
td1.appendChild(br5);
 
nb_lignes++;
}
function del_horaire()
{
if(nb_lignes>2)
{
nb_lignes--;
var tab1 = document.getElementById('tab1');
var tr1 = document.getElementById('tr1'+nb_lignes);
tab1.removeChild(tr1);
}
}
function add_total()
{
for (var i = 1; i < nb_lignes; i++)
{
var h_debut = Number(document.getElementById('h_debut'+i).value);
var m_debut = Number(document.getElementById('m_debut'+i).value);
var h_fin = Number(document.getElementById('h_fin'+i).value);
var m_fin = Number(document.getElementById('m_fin'+i).value);
var h_total = ((h_fin*60) + m_fin) - ((h_debut*60) + m_debut)  ;
  if(h_debut>h_fin||h_debut==h_fin&&m_debut>m_fin)
  {
    h_total+=1440 ;
    document.getElementById('nuit'+i).innerHTML=" (De nuit ?)";
  }
  else{document.getElementById('nuit'+i).innerHTML="";}
document.getElementById('presence'+i).value = h_total;
}
}
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[table class='t_planning' width='70%' align='center'][tr][td]"
+"[center][size=14]"+ form.datepicker.value + "[/size][/center]\n"
+ "[/td]\n[/tr]\n[/table]";

for (var nb = 1; nb < nb_lignes; nb++)
{
var h_debut = document.getElementById('h_debut'+nb).value;
var m_debut = document.getElementById('m_debut'+nb).value;
var h_fin = document.getElementById('h_fin'+nb).value;
var m_fin = document.getElementById('m_fin'+nb).value;
var tache = document.getElementById('tache'+nb).value;
var presence = document.getElementById('presence'+nb).value;
txt_message += "[table class='t_planning' width='70%' align='center'][tr][td][size=13]:hr: "
+ h_debut + "h" + m_debut + " à " + h_fin + "h" + m_fin + '\n'
+ "Présence en minutes : " + presence + '\n'
+ ":nm: " + tache  + "[/size][/td]\n[/tr]\n[/table]\n";
}
txt_message += "\n";
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = form.activite.value ;
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" id="form_minister">
<input type="hidden" name="mode" value="reply" /><!--    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="subject" value="" />
<input type="hidden" name="t" value="197" />
<table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline" id="tab1" name="tab1" >
<tr>
<th nowrap="nowrap" width="100%" class="secondarytitle">
<h2>Présences des ministres</h2>
</th>
</tr>
<tr name="tr11" id="tr11">
<td class="row1">
  <span style="font-size:12px;">Merci de poster qu'une seule présence par jour si possible.</span><br /><br />
<label for="datepicker">Date : <span style="color:red">*</span></label><br />
<input type="text" id="datepicker" name="datepicker" class="formulaire" required="required" />
<br />
<br />

<label class="court">Début : <span>*</span></label>
<select name="h_debut1" id="h_debut1" class="formulaire court" required="required" onChange="add_total()">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
</select>
h
<select name="m_debut1" id="m_debut1" class="formulaire court" required="required" onChange="add_total()">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select><br />
<label class="court">Fin : <span>*</span></label>
<select name="h_fin1" id="h_fin1" class="formulaire court" required="required" onChange="add_total()">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
</select>
h
<select name="m_fin1" id="m_fin1" class="formulaire court" required="required" onChange="add_total()">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select><br />
<label>Temps de présence :<input id="presence1" name="presence1" class="formulaire court" readonly /> minutes<span id="nuit1"></span></label>
<p><label>Tâche :</label></p>
<span class="italic">Merci d'indiquer une seule tâche.</span><br />
<input id="tache1" name="tache1" class="formulaire" required="required" />
</td></tr></table>
<br />
<div align="center"><input type="button" id="button_add" name="button_add"  onClick="add_horaire();" value="Ajouter un horaire" />
<input type="button" id="button_del" name="button_del" onClick="del_horaire();" value="Retirer le dernier horaire" />
</div>
<br />
<table class="valid_row" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" nowrap="nowrap">
<input name="post" type="submit" value=" " class="valid_profile" style="background:url(http://i18.servimg.com/u/f18/17/44/20/01/envoye10.png);height:32px;width:95px;border:none;" />
</td>
</tr>
</table>
</form>

[Phyliono]

Merci de votre réponse!

Ce n'est pas exactement ce que je voulais, j'aurai voulu que tout le temps de toutes les tâches soit comptabilisé en un seul total dans le cadre en dessous de la date...
Sinon pour la suppression du titre Horaire supplémentaire c'est bien.

Merci d'avance!

[Scoubifitz]

Comme chaque temps de chaque tableau est généré dynamiquement, il est difficile de récupérer des valeurs de champs qui n'existent pas au départ , j'ai du tricher pour arriver au résultat ...

Code:

<style type="text/css">
#form_minister label{
font:bold 11px ubuntu, verdana;
display:inline-block;
}
#form_minister label span{
color:red;
}
#form_minister span{
font-size:12px;
}
#form_minister .italic{
font:bold italic 10px ubuntu, verdana;
}
#form_minister .court{
height:25px;
width:120px;
margin:2px 5px;
}
#form_minister textarea{
height:50px;
width:400px;
resize:none;
}
#form_minister .forumline td{
text-align:center;padding:10px 0;
}
#button_add,#button_del{
height:30px;
width:195px;
background:url(http://i18.servimg.com/u/f18/18/72/44/21/catego14.png);
font-weight:bold;
}
#button_add:hover,#button_del:hover{
background:url(http://i18.servimg.com/u/f18/18/72/44/21/catego15.png);
}
</style>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="http://jqueryui.com/resources/demos/datepicker/datepicker-fr.js"></script>
<script>
$(function() {
$( "#datepicker" ).datepicker({
showOtherMonths: true,
selectOtherMonths: true,
minDate: 0, maxDate: "+1M +10D",dateFormat:"DD dd MM"
});
$( "#datepicker" ).datepicker.setDefaults( $.datepicker.regional[ "fr" ] );
$( "#datepicker" ).datepicker( "getDate" );
});
</script>
<script type="text/javascript">
var nb_lignes="";
nb_lignes=2;
var listheure = new Array("00","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23");
var listheurevalue = listheure;
var listminut = new Array("00","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40","41","42","43","44","45","46","47","48","49","50","51","52","53","54","55","56","57","58","59");
var listminutvalue = listminut;
// script du bouton d'ajout et de suppression
function add_horaire()
{
var tab1 = document.getElementById('tab1');
var tr1 = document.createElement('tr');
tr1.id = 'tr1'+nb_lignes;
var td1 = document.createElement('td');
td1.className = 'row1';
var label1 = document.createElement('label');
label1.className = 'court';
var txtdeb = document.createTextNode("Début : ");
var span1 = document.createElement('span');
var txtspan1 = document.createTextNode("*");
var select11 = document.createElement("select");
select11.className = 'formulaire court';
select11.setAttribute("name", "h_debut"+nb_lignes);
select11.setAttribute("id", "h_debut"+nb_lignes);
select11.setAttribute("onChange", "add_total()");
/* liste des options */
for (i =0; i <24; i++)
{
select11.options[i] = new Option(listheure[i], listheurevalue[i],false);
}
var select12 = document.createElement("select");
select12.className = 'formulaire court';
select12.setAttribute("name", "m_debut"+nb_lignes);
select12.setAttribute("id", "m_debut"+nb_lignes);
select12.setAttribute("onChange", "add_total()");
/* liste des options */
for (i =0; i <60; i++)
{
select12.options[i] = new Option(listminut[i], listminutvalue[i],false);
}
var br1 = document.createElement('br');
+
tab1.appendChild(tr1);
tr1.appendChild(td1);
td1.appendChild(label1);
label1.appendChild(txtdeb);
label1.appendChild(span1);
span1.appendChild(txtspan1);
td1.appendChild(select11);
td1.appendChild(select12);
td1.appendChild(br1);

var label2 = document.createElement('label');
label2.className = 'court';
var txtfin = document.createTextNode("Fin : ");
var span2 = document.createElement('span');
var txtspan2 = document.createTextNode("*");
var select21 = document.createElement("select");
select21.className = 'formulaire court';
select21.setAttribute("name", "h_fin"+nb_lignes);
select21.setAttribute("id", "h_fin"+nb_lignes);
select21.setAttribute("onChange", "add_total()");
/* liste des options */
for (i =0; i <24; i++)
{
select21.options[i] = new Option(listheure[i], listheurevalue[i],false);
}
var select22 = document.createElement("select");
select22.className = 'formulaire court';
select22.setAttribute("name", "m_fin"+nb_lignes);
select22.setAttribute("id", "m_fin"+nb_lignes);
select22.setAttribute("onChange", "add_total()");
/* liste des options */
for (i =0; i <60; i++)
{
select22.options[i] = new Option(listminut[i], listminutvalue[i],false);
}
var br2 = document.createElement('br');

td1.appendChild(label2);
label2.appendChild(txtfin);
label2.appendChild(span2);
span2.appendChild(txtspan2);
td1.appendChild(select21);
td1.appendChild(select22);
td1.appendChild(br2);

var input3 = document.createElement('input');
input3.setAttribute("name", "presence"+nb_lignes);
input3.setAttribute("id", "presence"+nb_lignes);
input3.setAttribute("type", "hidden");
var span3 = document.createElement('span');
span3.setAttribute("id", "nuit"+nb_lignes);

td1.appendChild(input3);
td1.appendChild(span3);

var p4 = document.createElement('p');
var label4 = document.createElement('label');
var txttache = document.createTextNode("Tâche : ");
var span4 = document.createElement('span');
span4.className = 'italic';
var txtspan4 = document.createTextNode("Merci d'indiquer une seule tâche.");
var br4 = document.createElement('br');
var input4 = document.createElement('input');
input4.className = 'formulaire';
input4.setAttribute("name", "tache"+nb_lignes);
input4.setAttribute("id", "tache"+nb_lignes);
input4.setAttribute("required", "required");
var br5 = document.createElement('br');

td1.appendChild(p4);
p4.appendChild(label4);
label4.appendChild(txttache);
td1.appendChild(span4);
span4.appendChild(txtspan4);
td1.appendChild(br4);
td1.appendChild(input4);
td1.appendChild(br5);
 
nb_lignes++;
}
function del_horaire()
{
if(nb_lignes>2)
{
nb_lignes--;
var tab1 = document.getElementById('tab1');
var tr1 = document.getElementById('tr1'+nb_lignes);
tab1.removeChild(tr1);
}
}
function add_total(form)
{
for (var i = 1; i < nb_lignes; i++)
{
var h_debut = Number(document.getElementById('h_debut'+i).value);
var m_debut = Number(document.getElementById('m_debut'+i).value);
var h_fin = Number(document.getElementById('h_fin'+i).value);
var m_fin = Number(document.getElementById('m_fin'+i).value);
var h_total = ((h_fin*60) + m_fin) - ((h_debut*60) + m_debut)  ;
if(h_debut>h_fin||h_debut==h_fin&&m_debut>m_fin)
{
h_total+=1440 ;
document.getElementById('nuit'+i).innerHTML='" Début " supérieur à " Fin "';
}
else
{
document.getElementById('nuit'+i).innerHTML="";
}
document.getElementById('presence'+i).value = h_total;
var total ="";
total = Number(document.getElementById('presence1').value)
+Number(document.getElementById('presence2').value)
+Number(document.getElementById('presence3').value)
+Number(document.getElementById('presence4').value)
+Number(document.getElementById('presence5').value)
+Number(document.getElementById('presence6').value)
+Number(document.getElementById('presence7').value)
+Number(document.getElementById('presence8').value)
+Number(document.getElementById('presence9').value)
+Number(document.getElementById('presence10').value)
+Number(document.getElementById('presence11').value)
+Number(document.getElementById('presence12').value);
document.getElementById('total').value = total;

}
}
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[table class='t_planning' width='70%' align='center'][tr][td]"
+"[center][size=14]"+ form.datepicker.value + "[/size][/center]\n"
+ "[center][size=13][u]Total :[/u] " + form.total.value + " minutes[/size][/center]\n"
+ "[/td]\n[/tr]\n[/table]";
for (var nb = 1; nb < nb_lignes; nb++)
{
var h_debut = document.getElementById('h_debut'+nb).value;
var m_debut = document.getElementById('m_debut'+nb).value;
var h_fin = document.getElementById('h_fin'+nb).value;
var m_fin = document.getElementById('m_fin'+nb).value;
var tache = document.getElementById('tache'+nb).value;
txt_message += "[table class='t_planning' width='70%' align='center'][tr][td][size=13]:hr: "
+ h_debut + "h" + m_debut + " à " + h_fin + "h" + m_fin + '\n'
+ ":nm: " + tache  + "[/size][/td]\n[/tr]\n[/table]\n";
}
txt_message += "\n";
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" id="form_minister">
<input type="hidden" name="mode" value="reply" /><!--    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="subject" value="" />
<input type="hidden" name="t" value="197" />
<table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline" id="tab1" name="tab1" >
<tr>
<th nowrap="nowrap" width="100%" class="secondarytitle">
<h2>Présences des ministres</h2>
</th>
</tr>
<tr name="tr11" id="tr11">
<td class="row1">
  <span style="font-size:12px;">Merci de ne poster qu'une seule présence par jour , si possible.<br />(12 présences au maximum )</span><br />
<label for="datepicker">Date : <span style="color:red">*</span></label><br />
<input type="text" id="datepicker" name="datepicker" class="formulaire" required="required" /><br />
<label>Temps total de présence :<input id="total" name="total" class="formulaire court" readonly /> minutes</label>
<br />
<br />

<label class="court">Début : <span>*</span></label>
<select name="h_debut1" id="h_debut1" class="formulaire court" required="required" onChange="add_total(this)">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
</select>
h
<select name="m_debut1" id="m_debut1" class="formulaire court" required="required" onChange="add_total(this)">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select><br />
<label class="court">Fin : <span>*</span></label>
<select name="h_fin1" id="h_fin1" class="formulaire court" required="required" onChange="add_total(this)">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
</select>
h
<select name="m_fin1" id="m_fin1" class="formulaire court" required="required" onChange="add_total(this)">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select><br />
<span id="nuit1"></span>
<input type="hidden" id="presence1" name="presence1" />
<input type="hidden" id="presence2" name="presence2" />
<input type="hidden" id="presence3" name="presence3" />
<input type="hidden" id="presence4" name="presence4" />
<input type="hidden" id="presence5" name="presence5" />
<input type="hidden" id="presence6" name="presence6" />
<input type="hidden" id="presence7" name="presence7" />
<input type="hidden" id="presence8" name="presence8" />
<input type="hidden" id="presence9" name="presence9" />
<input type="hidden" id="presence10" name="presence10" />
<input type="hidden" id="presence11" name="presence11" />
<input type="hidden" id="presence12" name="presence12" />
<p><label>Tâche :</label></p>
<span class="italic">Merci d'indiquer une seule tâche.</span><br />
<input id="tache1" name="tache1" class="formulaire" required="required" />
</td></tr></table>
<br />
<div align="center"><input type="button" id="button_add" name="button_add"  onClick="add_horaire();" value="Ajouter un horaire" />
<input type="button" id="button_del" name="button_del" onClick="del_horaire();" value="Retirer le dernier horaire" />
</div>
<br />
<table class="valid_row" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" nowrap="nowrap">
<input name="post" type="submit" value=" " class="valid_profile" style="background:url(http://i18.servimg.com/u/f18/17/44/20/01/envoye10.png);height:32px;width:95px;border:none;" />
</td>
</tr>
</table>
</form>

[Phyliono]

Bonjour,

Merci c'est super. J'aimerais avoir des textarea à la place des input pour les champs, retirer l'espace entre "Tâche" et "Merci d'indiquer une seule tâche." et si possible, mettre une majuscule au jour de la semaine : Lundi (et non pas lundi) et ne pas verrouiller les jours passés sur le calendrier (pouvoir mettre le jour d'hier).

Pourquoi ne pouvons-nous pas mettre plus de 12 présences ?

Merci d'avance, c'est super