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

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

Phyliono
Membre habitué(e)

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

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

Re: Petit dysfonctionnement du formulaire

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

up
avatar

Phyliono
Membre habitué(e)

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

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

Re: Petit dysfonctionnement du formulaire

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

up
avatar

Phyliono
Membre habitué(e)

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

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

Re: Petit dysfonctionnement du formulaire

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

Up !
avatar

Phyliono
Membre habitué(e)

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

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

Re: Petit dysfonctionnement du formulaire

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

up
avatar

Phyliono
Membre habitué(e)

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

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

Re: Petit dysfonctionnement du formulaire

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

up
avatar

Phyliono
Membre habitué(e)

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

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

Re: Petit dysfonctionnement du formulaire

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

up
avatar

Phyliono
Membre habitué(e)

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

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

Re: Petit dysfonctionnement du formulaire

Message par Phyliono Hier à 0:24

up
avatar

Phyliono
Membre habitué(e)

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

http://www.universiteuniverselle.com
Phyliono 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