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

[Phyliono]

Rappel du premier message :

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]

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

Je répondrai par :

Merci de ne poster qu'une seule présence par jour , si possible.

C'est bien ce qu'il y a de noté dans votre formulaire , non ?

Je peux en mettre 30 ... mais à un moment donné , il faudrait se poser la question : si avec 30 tableaux dans le message envoyé , ça ne semblerait pas chargé ...

... et 30 présences dans la même journée ... ? Drôle d'emploi du temps de ministre

Le code modifié :

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,
dayNames: [ "Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi" ],
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 div3 = document.createElement('div');
div3.setAttribute("id", "nuit"+nb_lignes);
var br31 = document.createElement('br');

td1.appendChild(input3);
td1.appendChild(div3);
div3.appendChild(br31);

var label4 = document.createElement('label');
var txttache = document.createTextNode("Tâche : ");
var br41 = document.createElement('br');
var span4 = document.createElement('span');
span4.className = 'italic';
var txtspan4 = document.createTextNode("Merci d'indiquer une seule tâche.");
var br42 = document.createElement('br');
var input4 = document.createElement('textarea');
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(label4);
label4.appendChild(txttache);
td1.appendChild(br41);
td1.appendChild(span4);
span4.appendChild(txtspan4);
td1.appendChild(br42);
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="<br />";
}
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)
+Number(document.getElementById('presence13').value)
+Number(document.getElementById('presence14').value)
+Number(document.getElementById('presence15').value)
+Number(document.getElementById('presence16').value)
+Number(document.getElementById('presence17').value)
+Number(document.getElementById('presence18').value)
+Number(document.getElementById('presence19').value)
+Number(document.getElementById('presence20').value)
+Number(document.getElementById('presence21').value)
+Number(document.getElementById('presence22').value)
+Number(document.getElementById('presence23').value)
+Number(document.getElementById('presence24').value)
+Number(document.getElementById('presence25').value)
+Number(document.getElementById('presence26').value)
+Number(document.getElementById('presence27').value)
+Number(document.getElementById('presence28').value)
+Number(document.getElementById('presence29').value)
+Number(document.getElementById('presence30').value);
document.getElementById('total').value = total;
if (total>1440){
document.getElementById('totalplus').innerHTML="Les journées n'ont que 24h (ou 1440')";
}else{
document.getElementById('totalplus').innerHTML="";
}
}
}
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 />(30 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>
<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" />
<input type="hidden" id="presence13" name="presence13" />
<input type="hidden" id="presence14" name="presence14" />
<input type="hidden" id="presence15" name="presence15" />
<input type="hidden" id="presence16" name="presence16" />
<input type="hidden" id="presence17" name="presence17" />
<input type="hidden" id="presence18" name="presence18" />
<input type="hidden" id="presence19" name="presence19" />
<input type="hidden" id="presence20" name="presence20" />
<input type="hidden" id="presence21" name="presence21" />
<input type="hidden" id="presence22" name="presence22" />
<input type="hidden" id="presence23" name="presence23" />
<input type="hidden" id="presence24" name="presence24" />
<input type="hidden" id="presence25" name="presence25" />
<input type="hidden" id="presence26" name="presence26" />
<input type="hidden" id="presence27" name="presence27" />
<input type="hidden" id="presence28" name="presence28" />
<input type="hidden" id="presence29" name="presence29" />
<input type="hidden" id="presence30" name="presence30" />
<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 />
<div id="nuit1"><br /></div>
<label>Tâche :</label><br />
<span class="italic">Merci d'indiquer une seule tâche.</span><br />
<textarea id="tache1" name="tache1" class="formulaire" required="required" rows="8"></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;" />
<label><span id="totalplus"></span><label>
</td>
</tr>
</table>
</form>

[Phyliono]

Bonjour,

Une présence = un envoi du formulaire. Ils envoient une seule fois le formulaire chaque jour avec toutes leurs tâches et ils peuvent avoir autant de tâches qu'ils veulent.

Merci!

[Phyliono]

J'aimerais un espace de 8 pixels entre le titre "Présences des ministres" et le formulaire dessous et entre chaque formulaire..

Merci d'avance!

[Scoubifitz]

bonjour ,

repérez ceci :

Code:

<table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline" id="tab1" name="tab1" >

et remplacez par :

Code:


<table class="forumline" style="width: 100%;border-spacing: 8px;padding:0;" border="0" id="tab1" name="tab1" >

[Phyliono]

Merci c'est parfait et dernière demande : il n'y a pas possibilité de mettre le "h" entre Heures et minutes sur le formulaire de la même police et taille que le reste du texte ?

Merci d'avance !

[Scoubifitz]

j'avais oublié le "h" dans les formulaires supplémentaires :

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;
font:bold 11px ubuntu, verdana;
}
#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,
dayNames: [ "Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi" ],
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 txth1 = document.createTextNode("h");
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(txth1);
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 txth2 = document.createTextNode("h");
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(txth2);
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 div3 = document.createElement('div');
div3.setAttribute("id", "nuit"+nb_lignes);
var br31 = document.createElement('br');

td1.appendChild(input3);
td1.appendChild(div3);
div3.appendChild(br31);

var label4 = document.createElement('label');
var txttache = document.createTextNode("Tâche : ");
var br41 = document.createElement('br');
var span4 = document.createElement('span');
span4.className = 'italic';
var txtspan4 = document.createTextNode("Merci d'indiquer une seule tâche.");
var br42 = document.createElement('br');
var input4 = document.createElement('textarea');
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(label4);
label4.appendChild(txttache);
td1.appendChild(br41);
td1.appendChild(span4);
span4.appendChild(txtspan4);
td1.appendChild(br42);
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="<br />";
}
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)
+Number(document.getElementById('presence13').value)
+Number(document.getElementById('presence14').value)
+Number(document.getElementById('presence15').value)
+Number(document.getElementById('presence16').value)
+Number(document.getElementById('presence17').value)
+Number(document.getElementById('presence18').value)
+Number(document.getElementById('presence19').value)
+Number(document.getElementById('presence20').value)
+Number(document.getElementById('presence21').value)
+Number(document.getElementById('presence22').value)
+Number(document.getElementById('presence23').value)
+Number(document.getElementById('presence24').value)
+Number(document.getElementById('presence25').value)
+Number(document.getElementById('presence26').value)
+Number(document.getElementById('presence27').value)
+Number(document.getElementById('presence28').value)
+Number(document.getElementById('presence29').value)
+Number(document.getElementById('presence30').value);
document.getElementById('total').value = total;
if (total>1440){
document.getElementById('totalplus').innerHTML="Les journées n'ont que 24h (ou 1440')";
}else{
document.getElementById('totalplus').innerHTML="";
}
}
}
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 class="forumline" style="width: 100%;border-spacing: 8px;padding:0;" border="0" 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 />(30 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>
<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" />
<input type="hidden" id="presence13" name="presence13" />
<input type="hidden" id="presence14" name="presence14" />
<input type="hidden" id="presence15" name="presence15" />
<input type="hidden" id="presence16" name="presence16" />
<input type="hidden" id="presence17" name="presence17" />
<input type="hidden" id="presence18" name="presence18" />
<input type="hidden" id="presence19" name="presence19" />
<input type="hidden" id="presence20" name="presence20" />
<input type="hidden" id="presence21" name="presence21" />
<input type="hidden" id="presence22" name="presence22" />
<input type="hidden" id="presence23" name="presence23" />
<input type="hidden" id="presence24" name="presence24" />
<input type="hidden" id="presence25" name="presence25" />
<input type="hidden" id="presence26" name="presence26" />
<input type="hidden" id="presence27" name="presence27" />
<input type="hidden" id="presence28" name="presence28" />
<input type="hidden" id="presence29" name="presence29" />
<input type="hidden" id="presence30" name="presence30" />
<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 />
<div id="nuit1"><br /></div>
<label>Tâche :</label><br />
<span class="italic">Merci d'indiquer une seule tâche.</span><br />
<textarea id="tache1" name="tache1" class="formulaire" required="required" rows="8"></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;" />
<label><span id="totalplus"></span><label>
</td>
</tr>
</table>
</form>

[Phyliono]

Peux-tu juste me dire où tu as fait les modifications car j'avais modifié le formulaire de base (ou modifier directement) ?

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,
dayNames: [ "Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi" ],
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 div3 = document.createElement('div');
div3.setAttribute("id", "nuit"+nb_lignes);
var br31 = document.createElement('br');

td1.appendChild(input3);
td1.appendChild(div3);
div3.appendChild(br31);

var label4 = document.createElement('label');
var txttache = document.createTextNode("Tâche : ");
var br41 = document.createElement('br');
var span4 = document.createElement('span');
span4.className = 'italic';
var txtspan4 = document.createTextNode("Merci d'indiquer une seule tâche.");
var br42 = document.createElement('br');
var input4 = document.createElement('textarea');
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(label4);
label4.appendChild(txttache);
td1.appendChild(br41);
td1.appendChild(span4);
span4.appendChild(txtspan4);
td1.appendChild(br42);
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="<br />";
}
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)
+Number(document.getElementById('presence13').value)
+Number(document.getElementById('presence14').value)
+Number(document.getElementById('presence15').value)
+Number(document.getElementById('presence16').value)
+Number(document.getElementById('presence17').value)
+Number(document.getElementById('presence18').value)
+Number(document.getElementById('presence19').value)
+Number(document.getElementById('presence20').value)
+Number(document.getElementById('presence21').value)
+Number(document.getElementById('presence22').value)
+Number(document.getElementById('presence23').value)
+Number(document.getElementById('presence24').value)
+Number(document.getElementById('presence25').value)
+Number(document.getElementById('presence26').value)
+Number(document.getElementById('presence27').value)
+Number(document.getElementById('presence28').value)
+Number(document.getElementById('presence29').value)
+Number(document.getElementById('presence30').value);
document.getElementById('total').value = total;
if (total>1440){
document.getElementById('totalplus').innerHTML="Les journées n'ont que 24h (ou 1440')";
}else{
document.getElementById('totalplus').innerHTML="";
}
}
}
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[table class='t_planning' width='80%' 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="318" />
<table class="forumline" style="width: 100%;border-spacing: 8px;padding:0;" border="0" 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 />(30 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>
<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" />
<input type="hidden" id="presence13" name="presence13" />
<input type="hidden" id="presence14" name="presence14" />
<input type="hidden" id="presence15" name="presence15" />
<input type="hidden" id="presence16" name="presence16" />
<input type="hidden" id="presence17" name="presence17" />
<input type="hidden" id="presence18" name="presence18" />
<input type="hidden" id="presence19" name="presence19" />
<input type="hidden" id="presence20" name="presence20" />
<input type="hidden" id="presence21" name="presence21" />
<input type="hidden" id="presence22" name="presence22" />
<input type="hidden" id="presence23" name="presence23" />
<input type="hidden" id="presence24" name="presence24" />
<input type="hidden" id="presence25" name="presence25" />
<input type="hidden" id="presence26" name="presence26" />
<input type="hidden" id="presence27" name="presence27" />
<input type="hidden" id="presence28" name="presence28" />
<input type="hidden" id="presence29" name="presence29" />
<input type="hidden" id="presence30" name="presence30" />
<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 />
<div id="nuit1"><br /></div>
<label>Tâche :</label><br />
<span class="italic">Merci d'indiquer une seule tâche.</span><br />
<textarea id="tache1" name="tache1" class="formulaire" required="required" rows="8"></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="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top:6px;height:30px;">
<tr class="modactions">
<td align="left" nowrap="nowrap" class="modgen modadmin">
<input name="post" type="submit" value=" " class="formulaire bouton_envoyer" />
<label><span id="totalplus"></span><label>
</td>
</tr>
</table>
</form>

Merci!

[Scoubifitz]

dans le CSS :

#form_minister .forumline td{
text-align:center;padding:10px 0;
font:bold 11px ubuntu, verdana;
}

dans le script :

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 txth1 = document.createTextNode("h");
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(txth1);
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 txth2 = document.createTextNode("h");
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(txth2);
td1.appendChild(select22);
td1.appendChild(br2);

[Phyliono]

Merci beaucoup !