Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Petit dysfonctionnement du formulaire

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

Résolu Petit dysfonctionnement du formulaire

Message par Phyliono le Jeu 5 Juil 2018 - 18:23

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Tous les navigateurs
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.uuhabbo.forumactif.org/

Description du problème

Bonjour,

Je ne trouve pas l'erreur dans mon formulaire, il est censé donner le nombre total de minutes (en additionnant chaque tâche) comme sur le formulaire original ici : https://forum.forumactif.com/t381190p30-probleme-deux-formulaires-dans-une-meme-page-html#3213526 @Scoubifitz

Sauriez-vous m'aider...?

Code:
<style type="text/css">
#form_minister label{font:bold 11px Arial;display:block;text-align:center;font-size:12px;margin-bottom:10px}
#form_minister label span{
color:red;
}
#form_minister span{
font-size:12px;
}
.tiers{
width:40px!important;
margin-bottom:4px;
}
.fond1 {margin:auto;width:522px;text-align:center}
#form_minister .italic{
font:bold italic 10px ubuntu, verdana;
margin-bottom: 10px;
}
#form_minister .court{
width:196px!important;
vertical-align: top;
}
#form_minister textarea{
height:50px;
width:400px;
resize:none;
}

#button_add,#button_add1{
height:25px;
width:25px;
background:url(https://i62.servimg.com/u/f62/18/72/44/21/plus11.png);
border:0px!important;
margin-left:4px;
margin-bottom:6px;
}
#button_add:hover,#button_add1:hover{
background:url(https://i62.servimg.com/u/f62/18/72/44/21/plus_l10.png);
}
#button_del,#button_del1{
height:25px;
width:25px;
background:url(https://i62.servimg.com/u/f62/18/72/44/21/moins11.png);
border:0px!important;
margin-left:1px;
}
#button_del:hover,#button_del1:hover{
background:url(https://i62.servimg.com/u/f62/18/72/44/21/moins_10.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" ],
monthNames: [ "janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre" ],
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');
var div1 = document.createElement('div');

var label1 = document.createElement('label');

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');
var br6 = document.createElement('br');
+
tab1.appendChild(tr1);
tr1.appendChild(td1);
td1.appendChild(div1);
div1.appendChild(br6);
div1.appendChild(label1);
label1.appendChild(txtdeb);
label1.appendChild(span1);
span1.appendChild(txtspan1);
div1.appendChild(select11);
div1.appendChild(select12);
div1.appendChild(br1);
div1.className = 'blanc fond1';
var label2 = document.createElement('label');

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');
var br9 = document.createElement('br');

div1.appendChild(br9);
div1.appendChild(label2);
label2.appendChild(txtfin);
label2.appendChild(span2);
span2.appendChild(txtspan2);
div1.appendChild(select21);
div1.appendChild(select22);
div1.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');

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

var label4 = document.createElement('label');
var txttache = document.createTextNode("Tâche : ");
var span4 = document.createElement('div');
span4.className = 'italic';
var txtspan4 = document.createTextNode("Merci d'indiquer une seule tâche.");
label4.setAttribute("style", "margin-bottom:0px");
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');
var br8 = document.createElement('br');

div1.appendChild(label4);
label4.appendChild(txttache);
div1.appendChild(span4);
span4.appendChild(txtspan4);
div1.appendChild(input4);
div1.appendChild(br5);
div1.appendChild(br8);
 
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='"<br /><br />« Début » supérieur à « Fin »<br /><br />';
}
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='blanc' 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='blanc' width='70%' align='center'][tr][td][size=13]:hr: "
+ h_debut + "h" + m_debut + " à " + h_fin + "h" + m_fin + '\n'
+ ":nm: " + tache  + "[/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;
}
</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="6105" />
<table class="forumline" style="width: 100%;" border="0" id="tab1" name="tab1" >
<tr>
<th nowrap="nowrap" width="100%" class="secondarytitle">
<h2>Présences des admins</h2>
</th>
</tr>
<tr name="tr11" id="tr11">
<td><div class="blanc fond1">
<div style="font-size:12px;text-align:center;margin-top:20px">Merci de ne poster qu'une seule présence par jour.</div><br />
<label for="datepicker">Date : <span style="color:red">*</span></label>

<input type="text" id="datepicker" name="datepicker" class="formulaire" required="required" /><br />
<div style="font-size:12px;text-align:center;margin-top:20px">Total : <input id="total" name="total" class="formulaire tiers" readonly /> minutes</div><br />
<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" />

<label>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>

<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 />
<br />
<label>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>

<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 style="margin-bottom:0px">Tâche : <span>*</span></label>
<div class="italic">Merci d'indiquer une seule tâche.</div>
<textarea id="tache1" name="tache1" class="formulaire" required="required"></textarea>
<br /><br /></div>
</td></tr>
</table>

<div align="center"><input type="button" id="button_add" name="button_add"  onClick="add_horaire();" value="" />
<input type="button" id="button_del" name="button_del" onClick="del_horaire();" value="" />
</div>

<table class="modactions" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:6px;">
    <tr>
       <td colspan="2" align="center">
          <input name="post" type="submit" value=" " class="formulaire bouton_envoyer" />
       </td>
    </tr>
</table>
</form>

Je vous remercie par avance.


Dernière édition par Phyliono le Dim 29 Juil 2018 - 3:32, édité 3 fois
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Sam 7 Juil 2018 - 1:43

up
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Dim 8 Juil 2018 - 17:06

up
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Mar 10 Juil 2018 - 14:52

Up !
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Mer 11 Juil 2018 - 17:22

up
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Jeu 12 Juil 2018 - 19:49

up
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Ven 13 Juil 2018 - 20:45

up
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Dim 15 Juil 2018 - 0:24

up
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Lun 16 Juil 2018 - 20:52

up
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Mar 17 Juil 2018 - 20:58

up
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Jeu 19 Juil 2018 - 17:29

up...
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Jeu 26 Juil 2018 - 18:45

Up!!!
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Dim 29 Juil 2018 - 3:31

Up
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Mar 31 Juil 2018 - 13:39

Up
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Sam 4 Aoû 2018 - 14:18

UP !!
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Mar 7 Aoû 2018 - 22:46

Plus qu’1 mois... svp
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Ven 10 Aoû 2018 - 15:34

Up
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Dim 12 Aoû 2018 - 18:15

up
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Petit dysfonctionnement du formulaire

Message par no_way le Lun 13 Aoû 2018 - 23:09

Bonjour, créez une nouvelle page html en prenant soin d'utiliser le haut et le bas de votre forum puis mettez le contenu suivant:
Code:
<style type="text/css">
#form_minister label{font:bold 11px Arial;display:block;text-align:center;font-size:12px;margin-bottom:10px}
#form_minister label span{
color:red;
}
#form_minister span{
font-size:12px;
}
.tiers{
width:40px!important;
margin-bottom:4px;
}
.fond1 {margin:auto;width:522px;text-align:center}
#form_minister .italic{
font:bold italic 10px ubuntu, verdana;
margin-bottom: 10px;
}
#form_minister .court{
width:196px!important;
vertical-align: top;
}
#form_minister textarea{
height:50px;
width:400px;
resize:none;
}

#button_add,#button_add1{
height:25px;
width:25px;
background:url(https://i62.servimg.com/u/f62/18/72/44/21/plus11.png);
border:0px!important;
margin-left:4px;
margin-bottom:6px;
}
#button_add:hover,#button_add1:hover{
background:url(https://i62.servimg.com/u/f62/18/72/44/21/plus_l10.png);
}
#button_del,#button_del1{
height:25px;
width:25px;
background:url(https://i62.servimg.com/u/f62/18/72/44/21/moins11.png);
border:0px!important;
margin-left:1px;
}
#button_del:hover,#button_del1:hover{
background:url(https://i62.servimg.com/u/f62/18/72/44/21/moins_10.png);
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript">
/*Ajout feuille de style via JavaScript*/
var css=document.createElement("link");
css.rel="stylesheet";
css.href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css";
document.getElementsByTagName("head")[0].appendChild(css);

    /* French initialisation for the jQuery UI date picker plugin. */
/* Written by Keith Wood (kbwood{at}iinet.com.au),
           Stéphane Nahmani (sholby@sholby.net),
           Stéphane Raimbault <stephane.raimbault@gmail.com> */
$(function(){
    ( function( factory ) {
   if ( typeof define === "function" && define.amd ) {

      // AMD. Register as an anonymous module.
      define( [ "../widgets/datepicker" ], factory );
   } else {

      // Browser globals
      factory( jQuery.datepicker );
   }
}( function( datepicker ) {

datepicker.regional.fr = {
   closeText: "Fermer",
   prevText: "Précédent",
   nextText: "Suivant",
   currentText: "Aujourd'hui",
   monthNames: [ "janvier", "février", "mars", "avril", "mai", "juin",
      "juillet", "août", "septembre", "octobre", "novembre", "décembre" ],
   monthNamesShort: [ "janv.", "févr.", "mars", "avr.", "mai", "juin",
      "juil.", "août", "sept.", "oct.", "nov.", "déc." ],
   dayNames: [ "dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi" ],
   dayNamesShort: [ "dim.", "lun.", "mar.", "mer.", "jeu.", "ven.", "sam." ],
   dayNamesMin: [ "D","L","M","M","J","V","S" ],
   weekHeader: "Sem.",
   dateFormat: "dd/mm/yy",
   firstDay: 1,
   isRTL: false,
   showMonthAfterYear: false,
   yearSuffix: "" };
datepicker.setDefaults( datepicker.regional.fr );

return datepicker.regional.fr;

} ) );});
$(function() {
    $( "#datepicker" ).datepicker();
});
</script>
<!--
*
*
-->
<script type="text/javascript">
document.addEventListener("DOMContentLoaded",function(){
    document.querySelector("#form_minister").reset();
    var templateTache=document.querySelector(".contTache").cloneNode(true);
    var conteneurTaches=document.querySelector(".contTache").parentNode;
    /*fonctions*/
    function ajouterTache(){
        var T=templateTache.cloneNode(true),del=T.querySelector(".premiereTacheSeulement");
        del.parentNode.removeChild(del);
        conteneurTaches.appendChild(T);
        /*Ajout Ecouteurs d'évènements*/
        var selEv=T.querySelectorAll("select[class^=\"h_\"],select[class^=\"m_\"]");
        for(var i=0;i<selEv.length;i++)selEv.item(i).addEventListener("change",add_total);
    }
    function supprimerTache(){
        var l=conteneurTaches.querySelectorAll(".contTache"),dT=l.item(l.length-1);
        if(l.length<2)return;
        dT.parentNode.removeChild(dT);
    }
    function add_total(){
        var i,taches=document.querySelectorAll(".contTache"),nb_taches=taches.length,total=0;
       
        for (i=0;i<nb_taches;i++){
            var h_debut = 1*taches.item(i).querySelector(".h_debut").value;
            var m_debut = 1*taches.item(i).querySelector(".m_debut").value;
            var h_fin = 1*taches.item(i).querySelector(".h_fin").value;
            var m_fin = 1*taches.item(i).querySelector(".m_fin").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 ;
                taches.item(i).querySelector(".tacheNuit").innerHTML='"<br /><br />« Début » supérieur à « Fin »<br /><br />';
            }else{
                taches.item(i).querySelector(".tacheNuit").innerHTML="<br />";
            }
            total+=h_total;
        }
        document.getElementById('total').value = total;
        if (total>1440)alert("Les journées n'ont que 24h (ou 1440')");
    }
    function envoiMessage(e){
        /*e.preventDefault();*/
        var form=this;
        var taches=document.querySelectorAll("tr.contTache");
        var nb_taches=taches.length;
        var i;
        /* Créer un message à partir des informations fournies, entête:*/
        var txt_message = "[table class='blanc' 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]";
        /*lignes:*/
        for (i=0;i<nb_taches;i++){
            var h_debut = taches.item(i).querySelector(".h_debut").value;
            var m_debut = taches.item(i).querySelector(".m_debut").value;
            var h_fin = taches.item(i).querySelector(".h_fin").value;
            var m_fin = taches.item(i).querySelector(".m_fin").value;
            var tache = taches.item(i).querySelector(".tache").value;
            txt_message += "[table class='blanc' width='70%' align='center'][tr][td][size=13]:hr: "
            + h_debut + "h" + m_debut + " à " + h_fin + "h" + m_fin + '\n'
            + ":nm: " + tache  + "[/size][/td][/tr][/table]\n";
        }
        txt_message += "\n";
        /*Insère le texte construit dans le champ caché "message" du formulaire*/
        /*console.log(txt_message);*/
        form.message.value = txt_message;
    }
    /*Ecouteurs d'évènements*/
    document.querySelector("#button_add").addEventListener("click",ajouterTache);
    document.querySelector("#button_del").addEventListener("click",supprimerTache);
    document.querySelector("#form_minister").addEventListener("submit",envoiMessage);
    var selEv=document.querySelectorAll("select[class^=\"h_\"],select[class^=\"m_\"]");
    for(var i=0;i<selEv.length;i++)selEv.item(i).addEventListener("change",add_total);
});
/**/


</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" 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="6105" />
<table class="forumline" style="width: 100%;" border="0" id="tab1" name="tab1" >
<tbody>
<tr>
<th nowrap="nowrap" width="100%" class="secondarytitle">
<h2>Présences des admins</h2>
</th>
</tr>
<tr name="tr10" class="contTache">
<td><div class="blanc fond1">
<div class="premiereTacheSeulement">
<div style="font-size:12px;text-align:center;margin-top:20px">Merci de ne poster qu'une seule présence par jour.</div><br />
<label for="datepicker">Date : <span style="color:red">*</span></label>

<input type="text" id="datepicker" name="datepicker" class="formulaire" required="required" /><br />
<div style="font-size:12px;text-align:center;margin-top:20px">Total : <input id="total" name="total" class="formulaire tiers" readonly /> minutes</div><br />
</div>
<label>Début : <span>*</span></label>

<select class="h_debut formulaire court" required="required">
<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 class="m_debut formulaire court" required="required">
<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>Fin : <span>*</span></label>
<select class="h_fin formulaire court" required="required">
<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 class="m_fin formulaire court" required="required">
<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 class="tacheNuit"><br/></div>
<label style="margin-bottom:0px">Tâche : <span>*</span></label>
<div class="italic">Merci d'indiquer une seule tâche.</div>
<textarea class="tache formulaire" required="required"></textarea>
<br /><br /></div>
</td></tr>
</tbody>
</table>

<div align="center"><input type="button" id="button_add" name="button_add" value="" />
<input type="button" id="button_del" name="button_del" value="" />
</div>

<table class="modactions" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:6px;">
    <tr>
      <td colspan="2" align="center">
          <input name="post" type="submit" value=" " class="formulaire bouton_envoyer" />
      </td>
    </tr>
</table>
</form>
Notez que bien que j'aie tenté de garder la structure html du formulaire, j'ai dû modifié beaucoup de choses et par conséquent je vous encourage vivement à tester tous les cas de figure que vous pouvez rencontrer sur ce dernier.


Dernière édition par no_way le Mar 14 Aoû 2018 - 15:02, édité 2 fois


avatar

no_way
Aidactif
Aidactif

Messages : 2071
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Mar 14 Aoû 2018 - 8:37

Bonjour,

Merci de votre réponse mais ça ne fonctionne pas... Je ne peux pas ajouter de nouvelles tâches (le bouton + ne fonctionne pas) et les minutes ne s'affichent pas dans le champ "Total" en haut du formulaire... : http://www.universiteuniverselle.com/h48-formulaire

Je vous remercie par avance!
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

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

Résolu Re: Petit dysfonctionnement du formulaire

Message par no_way le Mar 14 Aoû 2018 - 15:03

Je vois, les antislashs ont sauté lorsque j'ai posté, j'ai édité mon message, vous pouvez reprendre le code et essayer.


avatar

no_way
Aidactif
Aidactif

Messages : 2071
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit dysfonctionnement du formulaire

Message par Phyliono le Mar 14 Aoû 2018 - 18:28

Merci ça fonctionne mais la date est au format "14/08/18" au lieu de "Mardi 14 août 2018" quand on sélectionne dans le calendrier, il y a pas moyen ?

Je vous remercie !
avatar

Phyliono
Membre habitué(e)

Messages : 1200
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Petit dysfonctionnement du formulaire

Message par no_way le Mar 14 Aoû 2018 - 18:59

Biensûr, voici le nouveau code:
Code:
<style type="text/css">
#form_minister label{font:bold 11px Arial;display:block;text-align:center;font-size:12px;margin-bottom:10px}
#form_minister label span{
color:red;
}
#form_minister span{
font-size:12px;
}
.tiers{
width:40px!important;
margin-bottom:4px;
}
.fond1 {margin:auto;width:522px;text-align:center}
#form_minister .italic{
font:bold italic 10px ubuntu, verdana;
margin-bottom: 10px;
}
#form_minister .court{
width:196px!important;
vertical-align: top;
}
#form_minister textarea{
height:50px;
width:400px;
resize:none;
}

#button_add,#button_add1{
height:25px;
width:25px;
background:url(https://i62.servimg.com/u/f62/18/72/44/21/plus11.png);
border:0px!important;
margin-left:4px;
margin-bottom:6px;
}
#button_add:hover,#button_add1:hover{
background:url(https://i62.servimg.com/u/f62/18/72/44/21/plus_l10.png);
}
#button_del,#button_del1{
height:25px;
width:25px;
background:url(https://i62.servimg.com/u/f62/18/72/44/21/moins11.png);
border:0px!important;
margin-left:1px;
}
#button_del:hover,#button_del1:hover{
background:url(https://i62.servimg.com/u/f62/18/72/44/21/moins_10.png);
}
</style>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript">
/*Ajout feuille de style via JavaScript*/
var css=document.createElement("link");
css.rel="stylesheet";
css.href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css";
document.getElementsByTagName("head")[0].appendChild(css);

    /* French initialisation for the jQuery UI date picker plugin. */
/* Written by Keith Wood (kbwood{at}iinet.com.au),
           Stéphane Nahmani (sholby@sholby.net),
           Stéphane Raimbault <stephane.raimbault@gmail.com> */
$(function(){
    ( function( factory ) {
   if ( typeof define === "function" && define.amd ) {

      // AMD. Register as an anonymous module.
      define( [ "../widgets/datepicker" ], factory );
   } else {

      // Browser globals
      factory( jQuery.datepicker );
   }
}( function( datepicker ) {

datepicker.regional.fr = {
   closeText: "Fermer",
   prevText: "Précédent",
   nextText: "Suivant",
   currentText: "Aujourd'hui",
   monthNames: [ "janvier", "février", "mars", "avril", "mai", "juin",
      "juillet", "août", "septembre", "octobre", "novembre", "décembre" ],
   monthNamesShort: [ "janv.", "févr.", "mars", "avr.", "mai", "juin",
      "juil.", "août", "sept.", "oct.", "nov.", "déc." ],
   dayNames: [ "dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi" ],
   dayNamesShort: [ "dim.", "lun.", "mar.", "mer.", "jeu.", "ven.", "sam." ],
   dayNamesMin: [ "D","L","M","M","J","V","S" ],
   weekHeader: "Sem.",
   dateFormat: "dd/mm/yy",
   firstDay: 1,
   isRTL: false,
   showMonthAfterYear: false,
   yearSuffix: "" };
datepicker.setDefaults( datepicker.regional.fr );

return datepicker.regional.fr;

} ) );});
$(function() {
    $( "#datepicker" ).datepicker({dateFormat: "DD dd MM yy"});
});
</script>
<!--
*
*
-->
<script type="text/javascript">
document.addEventListener("DOMContentLoaded",function(){
    document.querySelector("#form_minister").reset();
    var templateTache=document.querySelector(".contTache").cloneNode(true);
    var conteneurTaches=document.querySelector(".contTache").parentNode;
    /*fonctions*/
    function ajouterTache(){
        var T=templateTache.cloneNode(true),del=T.querySelector(".premiereTacheSeulement");
        del.parentNode.removeChild(del);
        conteneurTaches.appendChild(T);
        /*Ajout Ecouteurs d'évènements*/
        var selEv=T.querySelectorAll("select[class^=\"h_\"],select[class^=\"m_\"]");
        for(var i=0;i<selEv.length;i++)selEv.item(i).addEventListener("change",add_total);
    }
    function supprimerTache(){
        var l=conteneurTaches.querySelectorAll(".contTache"),dT=l.item(l.length-1);
        if(l.length<2)return;
        dT.parentNode.removeChild(dT);
    }
    function add_total(){
        var i,taches=document.querySelectorAll(".contTache"),nb_taches=taches.length,total=0;
       
        for (i=0;i<nb_taches;i++){
            var h_debut = 1*taches.item(i).querySelector(".h_debut").value;
            var m_debut = 1*taches.item(i).querySelector(".m_debut").value;
            var h_fin = 1*taches.item(i).querySelector(".h_fin").value;
            var m_fin = 1*taches.item(i).querySelector(".m_fin").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 ;
                taches.item(i).querySelector(".tacheNuit").innerHTML='"<br /><br />« Début » supérieur à « Fin »<br /><br />';
            }else{
                taches.item(i).querySelector(".tacheNuit").innerHTML="<br />";
            }
            total+=h_total;
        }
        document.getElementById('total').value = total;
        if (total>1440)alert("Les journées n'ont que 24h (ou 1440')");
    }
    function envoiMessage(e){
        /*e.preventDefault();*/
        var form=this;
        var taches=document.querySelectorAll("tr.contTache");
        var nb_taches=taches.length;
        var i;
        /* Créer un message à partir des informations fournies, entête:*/
        var txt_message = "[table class='blanc' 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]";
        /*lignes:*/
        for (i=0;i<nb_taches;i++){
            var h_debut = taches.item(i).querySelector(".h_debut").value;
            var m_debut = taches.item(i).querySelector(".m_debut").value;
            var h_fin = taches.item(i).querySelector(".h_fin").value;
            var m_fin = taches.item(i).querySelector(".m_fin").value;
            var tache = taches.item(i).querySelector(".tache").value;
            txt_message += "[table class='blanc' width='70%' align='center'][tr][td][size=13]:hr: "
            + h_debut + "h" + m_debut + " à " + h_fin + "h" + m_fin + '\n'
            + ":nm: " + tache  + "[/size][/td][/tr][/table]\n";
        }
        txt_message += "\n";
        /*Insère le texte construit dans le champ caché "message" du formulaire*/
        /*console.log(txt_message);*/
        form.message.value = txt_message;
    }
    /*Ecouteurs d'évènements*/
    document.querySelector("#button_add").addEventListener("click",ajouterTache);
    document.querySelector("#button_del").addEventListener("click",supprimerTache);
    document.querySelector("#form_minister").addEventListener("submit",envoiMessage);
    var selEv=document.querySelectorAll("select[class^=\"h_\"],select[class^=\"m_\"]");
    for(var i=0;i<selEv.length;i++)selEv.item(i).addEventListener("change",add_total);
});
/**/


</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" 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="6105" />
<table class="forumline" style="width: 100%;" border="0" id="tab1" name="tab1" >
<tbody>
<tr>
<th nowrap="nowrap" width="100%" class="secondarytitle">
<h2>Présences des admins</h2>
</th>
</tr>
<tr name="tr10" class="contTache">
<td><div class="blanc fond1">
<div class="premiereTacheSeulement">
<div style="font-size:12px;text-align:center;margin-top:20px">Merci de ne poster qu'une seule présence par jour.</div><br />
<label for="datepicker">Date : <span style="color:red">*</span></label>

<input type="text" id="datepicker" name="datepicker" class="formulaire" required="required" /><br />
<div style="font-size:12px;text-align:center;margin-top:20px">Total : <input id="total" name="total" class="formulaire tiers" readonly /> minutes</div><br />
</div>
<label>Début : <span>*</span></label>

<select class="h_debut formulaire court" required="required">
<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 class="m_debut formulaire court" required="required">
<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>Fin : <span>*</span></label>
<select class="h_fin formulaire court" required="required">
<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 class="m_fin formulaire court" required="required">
<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 class="tacheNuit"><br/></div>
<label style="margin-bottom:0px">Tâche : <span>*</span></label>
<div class="italic">Merci d'indiquer une seule tâche.</div>
<textarea class="tache formulaire" required="required"></textarea>
<br /><br /></div>
</td></tr>
</tbody>
</table>

<div align="center"><input type="button" id="button_add" name="button_add" value="" />
<input type="button" id="button_del" name="button_del" value="" />
</div>

<table class="modactions" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:6px;">
    <tr>
      <td colspan="2" align="center">
          <input name="post" type="submit" value=" " class="formulaire bouton_envoyer" />
      </td>
    </tr>
</table>
</form>


avatar

no_way
Aidactif
Aidactif

Messages : 2071
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit dysfonctionnement du formulaire

Message par Chacha le Mar 21 Aoû 2018 - 9:48

Bonjour,

Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 57987
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit dysfonctionnement du formulaire

Message par Chacha le Mer 22 Aoû 2018 - 9:50

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est archivé afin de ne pas perdre les réponses apportées.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 57987
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

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


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