Petit dysfonctionnement du formulaire

3 participants

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

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

Résolu Petit dysfonctionnement du formulaire

Message par Phyliono 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
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Sam 7 Juil 2018 - 1:43

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Dim 8 Juil 2018 - 17:06

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Mar 10 Juil 2018 - 14:52

Up !
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Mer 11 Juil 2018 - 17:22

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Jeu 12 Juil 2018 - 19:49

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Ven 13 Juil 2018 - 20:45

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Dim 15 Juil 2018 - 0:24

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Lun 16 Juil 2018 - 20:52

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Mar 17 Juil 2018 - 20:58

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Jeu 19 Juil 2018 - 17:29

up...
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Jeu 26 Juil 2018 - 18:45

Up!!!
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Dim 29 Juil 2018 - 3:31

Up
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Mar 31 Juil 2018 - 13:39

Up
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Sam 4 Aoû 2018 - 14:18

UP !!
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Mar 7 Aoû 2018 - 22:46

Plus qu’1 mois... svp
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Ven 10 Aoû 2018 - 15:34

Up
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 Dim 12 Aoû 2018 - 18:15

up
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 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
no_way

no_way
Membre actif

Messages : 2214
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 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!
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 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.
no_way

no_way
Membre actif

Messages : 2214
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 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 !
Phyliono

Phyliono
Membre habitué

Messages : 1304
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 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>
no_way

no_way
Membre actif

Messages : 2214
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 Mar 21 Aoû 2018 - 9:48

Petit dysfonctionnement du formulaire UmaslZ4Bonjour,

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 »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69443
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 Mer 22 Aoû 2018 - 9:50

Petit dysfonctionnement du formulaire 8djze9qBonjour,

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.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69443
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

- Sujets similaires

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

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