Discussion :

[leara500]

Bonsoir,

Je suis désolée de vous déranger avec çà, surtout que c'est une question d'une simplicité enfantine... Mais voilà, je ne trouve pas la solution à ce problème basique.

Je souhaiterai récupérer la valeur d'un variable

donc, j'ai créé une popin

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<tr>
	<td>Durée de la formation pour ce jour</td>
</tr>		
<tr>
	<td><hr></td>
</tr>
<tr>
	 <td  style="text-align: center;">
		Durée de la formation <s:textfield name="dureeJourFormation0" id="dureeJourFormation0" size="5" maxLength="5" value="00:00"/>				
	</td>
</tr>

et j'aimerai récupérer la valeur de ma variable dureeJourFormation0 si elle est différente de 00:00 (c'est à dire si j'ai changé sa valeur, puisque par défaut, je l'ai mise à 00:00)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
if(document.getElementById('dureeJourFormation0').value != '00:00'){
	dureeFormation = document.getElementById('dureeJourFormation0').value;
	html = html + "<input type='hidden' id='"+dureeJourFormation+"' name='"+dureeJourFormation+"' value='"+dureeFormation+"'   />";
}

et ce bout de code ne marche pas et je ne vois pas pourquoi... (Ca doit être un truc tout con, mais je ne vois pas mon bugg.

Merci du coup de votre aide

[Watilin]

Tu utilises Struts ?

Je me lance au hasard, je ne connais pas bien mais voilà ce que je pense :

• Soit l'élément <s:textfield> arrive non interprété au navigateur, et dans ce cas, comme il s'agit d'une balise inconnue, son attribut value n'est pas reflété par le DOM. Dans ce cas tu dois passer par document.getElementById("dureeJourFormation0").getAttribute("value").
• Soit il est interprété côté serveur (comme il se doit) mais son attribut id est « perdu » dans la bataille. Là, je ne sais pas t'aider.

Dans les deux cas, il faudra sans doute revoir ton code serveur.

C'est tout ce que j'ai…

[Bovino]

Merci de lire Important : Les règles incontournables d'utilisation de ce forum et de poster le code HTML généré et non le code serveur !

[leara500]

Merci beaucoup pour votre aide et désolée du dérangement


Je vous prie de trouver ci-dessous le code source de la page html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
document.getElementById(nameTypeAbsence).value=document.getElementById('absenceSelected').value;
var valueTypeAbsence = document.getElementById('absenceSelected').value;
//alert("valueTypeAbsence : "+valueTypeAbsence);
var dureeFormation = "11:11";
var html = "Sera absent car en "+texteAbsence;
html = html + "<input type='hidden' id='"+nameTypeAbsence+"' name='"+nameTypeAbsence+"' value='"+valueTypeAbsence+"'   />";
if(valueTypeAbsence == "10"){
	openPopinFormation();
	alert("document.getElementById('dureeJourFormation0').value : "+document.getElementById('dureeJourFormation0').value);
	if(document.getElementById('dureeJourFormation0').value != '00:00'){
		dureeFormation = document.getElementById('dureeJourFormation0').value;
		html = html + "<input type='hidden' id='"+dureeJourFormation+"' name='"+dureeJourFormation+"' value='"+dureeFormation+"'   />";
		//var valueDemiHoraireDebut = document.getElementById('horaire0debDemiAbs').value;
	}
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<table cellpadding=5 style="width:600;align:center;" class="cadre">
	<tr>
		<td> </td>
	</tr>	
	<tr>
		<td>Durée de la formation pour ce jour</td>
	</tr>
 
	<tr>
		<td><hr></td>
	</tr>
	<tr>
		 <td  style="text-align: center;">
		Durée de la formation <input type="text" name="dureeJourFormation0" size="5" maxlength="5" value="00:00" id="dureeJourFormation0"/>				
		</td>
	</tr>
	<tr>
		<td align="center">	
			<input type="button" value="Valider" onclick="closeFormation();">					
		<br/><br/>
		</td>
	</tr>				
</table>

[SpaceFrog]

On ne voit pas dans ton code à quel moment le script est interprété
si c'est avant que l'element input soit implémenté ...

[leara500]

Merci beaucoup pour votre réponse

Je ne sais pas si c'est cela que vous demandiez :

fonction javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
function returnPreview(){
 
	var matin_Apres = document.getElementById('matinOuApres').checked;
	var matin_Apres2 = document.getElementById('matinOuApres').value;
	//alert("matin_Apres "+matin_Apres);
	//alert("matin_Apres2 "+matin_Apres2);
 
	var valeurMatinOuApres="";
    for(i=0; i<popinDemiAbsPreview.matinOuApres.length; i++) {
    	   if (popinDemiAbsPreview.matinOuApres[i].checked) {
    	      var valeurMatinOuApres = popinDemiAbsPreview.matinOuApres[i].value;
    	   }
    }
 
	var idPersonne = document.forms["popinPreview"].elements["idPersonnePreview"].value;
 
	var index = document.forms["popinPreview"].elements["indexPreview"].value;
 
	//reconstruction  des champs caché
	//Horaire
	var nameHoraireDm = "horaire"+index+"dm_"+idPersonne;
	var nameHoraireFm = "horaire"+index+"fm_"+idPersonne;
	var nameHoraireDa = "horaire"+index+"da_"+idPersonne;
	var nameHoraireFa = "horaire"+index+"fa_"+idPersonne;
 
 
	//Absence
	var nameTypeAbsence ='absenceSelected'+index+'_'+idPersonne;
 
 
 
	//Gestion de la modification  
	var nameModifJour = 'ModifJour'+index+'_'+idPersonne;
 
	var typeDeLaSemaine = "typeSemaine";
	var typeSemaineValue = document.getElementById(typeDeLaSemaine).value;
	if(typeSemaineValue != 'Semaine Type'){
		document.getElementById(nameModifJour).value = 'oui';
		//alert("ICI MODIF");
	}
 
 
	//alert(nameModifJour);
	//alert(document.getElementById(nameModifJour).value);
 
	//alert("nameTypeAbsence : "+nameTypeAbsence);
	var nameTypeAbsenceValue= "";
	if((document.getElementById(nameTypeAbsence).value == null)||(document.getElementById(nameTypeAbsence).value == "")) {
		nameTypeAbsenceValue= "";
 
	}else {
		nameTypeAbsenceValue =  document.getElementById(nameTypeAbsence).value;
		//alert("*****nameTypeAbsenceValue*****"+nameTypeAbsenceValue);
	}
 
 
 
 
	//Demi absence
 
	var nameTypeDemiAbsence = "demiabsenceSelected"+index+"_"+idPersonne;
	//alert("nameTypeDemiAbsence : "+nameTypeDemiAbsence);
	var nameTypeDemiAbsenceValue=  document.getElementById(nameTypeDemiAbsence).value;
	//alert("nameTypeDemiAbsenceValue : "+nameTypeDemiAbsenceValue);
 
	var nameDemiHoraireDebut = "horaire"+index+"debDemiAbs_"+idPersonne;
	var nameDemiHoraireFin = "horaire"+index+"finDemiAbs_"+idPersonne;
 
 
	//gestion des heures de formation
	var dureeJourFormation = 'dureeJourFormation'+index+'_'+idPersonne; 
    alert("dureeJourFormation : "+dureeJourFormation);
 
	var nameDemiHoraireDebutMatinAbs = "horaire"+index+"debMatinDemiAbs_"+idPersonne;
	var nameDemiHoraireFinMatinAbs = "horaire"+index+"finMatinDemiAbs_"+idPersonne;
 
	var nameDemiHoraireDebutApresAbs = "horaire"+index+"debApresDemiAbs_"+idPersonne;
	var nameDemiHoraireFinApresAbs = "horaire"+index+"finApresDemiAbs_"+idPersonne;
 
 
	//reconsctruction des div
	var nameDivHoraireModif = "divHoraireModif"+index+'_'+idPersonne;
	var nameDivAbsenceModif = "divAbsenceModif"+index+'_'+idPersonne;
	var nameDivDemiAbsenceModif = "divDemiAbsenceModif"+index+'_'+idPersonne;
 
	//on cache les div 
	document.getElementById(nameDivHoraireModif).style.display='none';	
	document.getElementById(nameDivDemiAbsenceModif).style.display='none';	
	document.getElementById(nameDivAbsenceModif).style.display='none';
 
 
 
 
 
 
	if(nameAbsence.checked){
		document.getElementById(nameTypeAbsence).value = "";
 
		document.getElementById(nameTypeAbsence).value=document.getElementById('absenceSelected').value;
		//alert("nouvelle valeur de l'absence : "+document.getElementById(nameTypeAbsence).value);
		nameTypeAbsenceValue = document.getElementById(nameTypeAbsence).value;
 
		var texteAbsence = 	document.getElementById('absenceSelected').options[document.getElementById('absenceSelected').selectedIndex].text;
 
		//on vide la v+texteAbsencealeur des autres champs caché
		/*document.getElementById(nameHoraireDm).value = "";
		document.getElementById(nameHoraireFm).value = "";
		document.getElementById(nameHoraireDa).value = "";
		document.getElementById(nameHoraireFa).value = "";*/
 
		document.getElementById(nameTypeDemiAbsence).value = "";
		//alert(document.getElementById(nameTypeDemiAbsence).value);
		//On test l'existence de la variable
		if(document.getElementById(nameDemiHoraireDebut) != null){
			document.getElementById(nameDemiHoraireDebut).value = "";
		}
 
		if(document.getElementById(nameDemiHoraireFin) != null){
			document.getElementById(nameDemiHoraireFin).value = "";
		}
 
 
		if(document.getElementById('absenceSelected').value == "-1"){
			alert("Merci de renseigner les champs");
			return false;
		}	
 
		//on change les valeurs
		document.getElementById(nameTypeAbsence).value=document.getElementById('absenceSelected').value;
		var valueTypeAbsence = document.getElementById('absenceSelected').value;
 
		//alert("valueTypeAbsence : "+valueTypeAbsence);
 
		var dureeFormation = "11:11";
		var html = "Sera absent car en "+texteAbsence;
		html = html + "<input type='hidden' id='"+nameTypeAbsence+"' name='"+nameTypeAbsence+"' value='"+valueTypeAbsence+"'   />";
		if(valueTypeAbsence == "10"){
 
			openPopinFormation();
 
			alert("document.getElementById('dureeJourFormation0').value : "+document.getElementById('dureeJourFormation0').value);
			if(document.getElementById('dureeJourFormation0').value != '00:00'){
 
				dureeFormation = document.getElementById('dureeJourFormation0').value;
				html = html + "<input type='hidden' id='"+dureeJourFormation+"' name='"+dureeJourFormation+"' value='"+dureeFormation+"'   />";
 
			}
 
 
		}
 
 
		document.getElementById(nameDivAbsenceModif).innerHTML=html;
 
 
		//on affiche cette div et on ferme les autres
		document.getElementById(nameDivHoraireModif).style.display='none';	
		document.getElementById(nameDivDemiAbsenceModif).style.display='';	
		document.getElementById(nameDivDemiAbsenceModif).style.display='none';	
		document.getElementById(nameDivAbsenceModif).style.display='block';
 
	}else if(nameDemiAbsence.checked){
 
 
		var texteDemiAbsence = 	document.getElementById('demiAbsenceSelected').options[document.getElementById('demiAbsenceSelected').selectedIndex].text;
 
			if(document.getElementById('demiAbsenceSelected').value == "-1"){
			alert("Merci de sélectionner une absence");
			return false;
		}
 
		//on change les valeurs
		document.getElementById(nameTypeDemiAbsence).value=document.getElementById('demiAbsenceSelected').value;
		//alert("document.getElementById(nameTypeDemiAbsence).value : "+document.getElementById(nameTypeDemiAbsence).value);
		nameTypeDemiAbsenceValue = document.getElementById(nameTypeDemiAbsence).value;
 
		document.getElementById(nameDemiHoraireDebut).value=document.getElementById('horaire0debDemiAbs').value;  
		document.getElementById(nameDemiHoraireFin).value=document.getElementById('horaire0finDemiAbs').value;
 
		var valueTypeDemiAbsence = document.getElementById('demiAbsenceSelected').value;
		var valueDemiHoraireDebut = document.getElementById('horaire0debDemiAbs').value;
		var valueDemiHoraireFin = document.getElementById('horaire0finDemiAbs').value;
		var html ="";
 
 
		var horaireMatindebDemiAbs = "";
		var horairMatinfinDemiAbs = "";
		var horaireApresdebDemiAbs = "";
		var horairApresfinDemiAbs = "";
 
 
		//on reconstruit ce qui doit être affiché
		 //alert("La valeurMatinOuApres est 2 : "+valeurMatinOuApres);
		if(valeurMatinOuApres == "matin"){
			horaireMatindebDemiAbs = "horaire"+index+"debMatinDemiAbs_"+idPersonne;
			horairMatinfinDemiAbs = "horaire"+index+"finMatinDemiAbs_"+idPersonne;
			html = html+"Sera présent de "+document.getElementById(nameDemiHoraireDebut).value+" à "+document.getElementById(nameDemiHoraireFin).value;
			html = html+"<br>"+" et sera absent car en "+texteDemiAbsence;
			html = html + "<input type='hidden' id='"+nameTypeDemiAbsence+"' name='"+nameTypeDemiAbsence+"' value='"+valueTypeDemiAbsence+"'  />";
			html = html + "<input type='hidden' id='"+horaireMatindebDemiAbs+"' name='"+horaireMatindebDemiAbs+"' value='"+valueDemiHoraireDebut+"'  />"; 
			html = html + "<input type='hidden' id='"+horairMatinfinDemiAbs+"' name='"+horairMatinfinDemiAbs+"' value='"+valueDemiHoraireFin+"'  />";
 
		}
 
		else if(valeurMatinOuApres == "apres"){
 
			horaireApresdebDemiAbs = "horaire"+index+"debApresDemiAbs_"+idPersonne;
			horairApresfinDemiAbs = "horaire"+index+"finApresDemiAbs_"+idPersonne;
			//alert("La valeurMatinOuApres est 4 : "+valeurMatinOuApres);
			//alert("nameDemiHoraireDebut :"+document.getElementById(nameDemiHoraireDebut).value);
			html = html+"Sera absent car en "+texteDemiAbsence;
			html = html+"<br>"+"Sera présent de "+document.getElementById(nameDemiHoraireDebut).value+" à "+document.getElementById(nameDemiHoraireFin).value;
			html = html + "<input type='hidden' id='"+nameTypeDemiAbsence+"' name='"+nameTypeDemiAbsence+"' value='"+valueTypeDemiAbsence+"'  />";
			html = html + "<input type='hidden' id='"+horaireApresdebDemiAbs+"' name='"+horaireApresdebDemiAbs+"' value='"+valueDemiHoraireDebut+"' />";  
			html = html + "<input type='hidden' id='"+horairApresfinDemiAbs+"' name='"+horairApresfinDemiAbs+"' value='"+valueDemiHoraireFin+"'  />";
 
		}
 
		document.getElementById(nameDivDemiAbsenceModif).innerHTML=html;
 
		//on affiche cette div et on ferme les autres
		document.getElementById(nameDivHoraireModif).style.display='none';	
		document.getElementById(nameDivDemiAbsenceModif).style.display='block';	
		document.getElementById(nameDivAbsenceModif).style.display='none';
	}//Fin du if(nameDemiAbsence.checked)
 
 
 
 
	 closePreview();
 
 
}

formulaire :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<table cellpadding=5 style="width:600;align:center;" class="cadre">
	<tr>
		<td> </td>
	</tr>	
	<tr>
		<td>Durée de la formation pour ce jour</td>
	</tr>
	<tr>
		<td><hr></td>
	</tr>
	<tr>
		 <td  style="text-align: center;">
			Durée de la formation <s:textfield name="dureeJourFormation0" id="dureeJourFormation0" size="5" maxLength="5" value="00:00"/>				
		</td>
	</tr>
	<tr>
		<td align="center">	
			<input type="button" value="Valider" onclick="closeFormation();">					
			<br/><br/>
		</td>
	</tr>				
</table>

[NoSmoking]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
if(document.getElementById('dureeJourFormation0').value != '00:00'){
  dureeFormation = document.getElementById('dureeJourFormation0').value;
  html = html + "<input type='hidden' id='"+dureeJourFormation+"' name='"+dureeJourFormation+"' value='"+dureeFormation+"'   />";
}

et ce bout de code ne marche pas et je ne vois pas pourquoi...

dureeJourFormation est défini où ?

[leara500]

Merci beaucoup pour votre aide

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
		var dureeFormation = "11:11";
		var html = "Sera absent car en "+texteAbsence;
		html = html + "<input type='hidden' id='"+nameTypeAbsence+"' name='"+nameTypeAbsence+"' value='"+valueTypeAbsence+"'   />";
		if(valueTypeAbsence == "10"){
 
			openPopinFormation();
 
			alert("document.getElementById('dureeJourFormation0').value : "+document.getElementById('dureeJourFormation0').value);
			if(document.getElementById('dureeJourFormation0').value != '00:00'){
 
				dureeFormation = document.getElementById('dureeJourFormation0').value;
				html = html + "<input type='hidden' id='"+dureeJourFormation+"' name='"+dureeJourFormation+"' value='"+dureeFormation+"'   />";
 
			}
 
 
		}

var dureeFormation est initilisée par défaut par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
var dureeFormation = "11:11";

et je lui affecte une valeur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
if(document.getElementById('dureeJourFormation0').value != '00:00'){
   dureeFormation = document.getElementById('dureeJourFormation0').value;

Merci pour tout

[Watilin]

Et au fait, pas de messages d'erreur dans la console ? J'aurais dû demander ça dès le début.
(Tu sais comment ouvrir la console ? En général c'est F12 ou alors Ctrl+Maj+K.)

[leara500]

Il n'y a pas d'erreur javascript ....

Merci beaucoup pour votre aide, car grace à vous j'ai trouvé ce qui ne marcher pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
if(document.getElementById('dureeJourFormation0').value != '00:00'){
	dureeFormation = document.getElementById('dureeJourFormation0').value;
	html = html + "<input type='hidden' id='"+dureeJourFormation+"' name='"+dureeJourFormation+"' value='"+dureeFormation+"'   />";
	closeFormation();
	document.getElementById('dureeJourFormation0').value = "00:00";
	//var valueDemiHoraireDebut = document.getElementById('horaire0debDemiAbs').value;
}

il fallait, en plus, re-appeler la même méthode pour qu'elle tienne compte de la valeur saisie u_u (c'est à dire returnPreview();

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<tr>
	<td  style="text-align: center;">
		Durée de la formation <s:textfield name="dureeJourFormation0" id="dureeJourFormation0" size="5" maxLength="5" value="00:00"/>	
	</td>
</tr>
<tr>
	<td align="center">
		<input type="button" value="Valider" onclick="closeFormation(),returnPreview();">
		<br/><br/>
	</td>
</tr>