Bonjour,

Je me permet de revenir vous voir car j'ai encore un pb. Grace à vous, il n'y a plus de pb d'ouverture et de fermeture de popin et pour faire afficher au même endroit.

Toutefois, dans un cas de figure, je ne sais pas comment faire.

Je souhaiterai que lorsque l'on clique sur le bouton radio, la popin appeler s'ouvre au même endroit YoY

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
 
<s:form name="popinPreview">
	<s:hidden name="idPersonnePreview" name="idPersonnePreview" value="" />
	<s:hidden name="indexPreview" name="indexPreview" value="" />
	<table cellpadding=5 style="width:600;align:center;" class="cadre">
		<tr>
			<td> Horaire enregistré en base de données</td>
		</tr>	
		<tr>
			<td>
				<div id="day"></div>
				<div id="people"></div>
			</td>
		</tr>
		<tr>
			<td>
				<div id="hours"></div>
				<div id="absencess"></div>
				<div id="halfAbsence"> </div>
			</td>
 
 
		</tr>					
		<tr>
			<td><hr></td>
		</tr>
		<tr>
			 <td  style="text-align: center;">
 
 
				<input type="radio" id="demiab0" name="work" value="0" onchange="afficheDiv('0_<s:property value="%{personneDto.idPersonne}"/>', 'demiab0_<s:property value="%{personneDto.idPersonne}"/>', 'pres0_<s:property value="%{personneDto.idPersonne}"/>')"> 1/2 PR 
				<input type="radio" id="ab0" name="work" value="0" onchange="afficheDiv('0_<s:property value="%{personneDto.idPersonne}"/>', 'ab0_<s:property value="%{personneDto.idPersonne}"/>', 'pres0_<s:property value="%{personneDto.idPersonne}"/>')">NPR 
				<input type="radio" id="pres0" name="work" value="1" onchange="afficheDiv('0_<s:property value="%{personneDto.idPersonne}"/>', 'ab0_<s:property value="%{personneDto.idPersonne}"/>', 'pres0_<s:property value="%{personneDto.idPersonne}"/>')" checked="checked"> PR<br>
					<div id="horaire0" style="display: block;">
					<table border="1" align="center">
						<tr>
							<td>						    				
								De <s:textfield name="horairedm" id="horairedm" size="5" maxLength="5" value=""/> 
								 A<s:textfield name="horairefm" id="horairefm" size="5" maxLength="5" value=""/>
							</td>
						</tr>
						<tr>
							<td>
								De <s:textfield name="horaireda" id="horaireda" size="5" maxLength="5" value=""/>
								A<s:textfield name="horairefa" id="horairefa" size="5" maxLength="5" value=""/>
							</td>
						</tr>
					</table>
					</div>
					<div id="abs0" style="display: none;">
					<table border="1" align="center">
						<tr>
						<!--  td>
							<s:select headerKey="-1" headerValue="Abs ?" id="absenceSelected1_%{personneDto.idPersonne}" name="absenceSelected1_%{personneDto.idPersonne}" list="listAbsenceDto" listKey="idAbsence" listValue="abrAbsence"></s:select>
						</td -->
 
							<td>
							   <s:select headerKey="-1" headerValue="Abs ?" id="absenceSelected" name="absenceSelected" list="listAbsenceDto" listKey="idAbsence" listValue="abrAbsence"></s:select>
							</td>
						</tr>
					</table>
					</div>
					<div id="demiabs0" style="display: none;">
					<table border="1" align="center">
						<tr>
							<!--  td>
								<s:select headerKey="-1" headerValue="Abs ?" id="demiabsenceSelected1_%{personneDto.idPersonne}" name="demiabsenceSelected1_%{personneDto.idPersonne}" list="listAbsenceDto" listKey="idAbsence" listValue="abrAbsence"></s:select>
							</td -->
							<tr>
								<td>
									<div id="horaire0DemiAbsMatin"></div>
								</td>
							</tr>
							<td>
								<s:select headerKey="-1" headerValue="Abs ?" id="demiAbsenceSelected" name="demiAbsenceSelected" list="listAbsenceDto" listKey="idAbsence" listValue="abrAbsence"></s:select>
							</td>
						</tr>
						<tr>
							<td>
								<div id="horaire0DemiAbsApres"></div>
							</td>
						</tr>
					</table>
					</div>
				</td>
 
 
		</tr>
 
 
		<tr>
			<td align="center">	
				<input type="button" value="Valider" onclick="returnPreview();">					
			<br/><br/>
			</td>
 
		</tr>				
	</table>
	</s:form>


afficheDiv()
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
 
 
function afficheDiv(position, nomAbs, nomPres)
{
 
	//RECUPERATION DES INDEX ET ID PERSONNE
	var chaine = position;
	var tableau=chaine.split("_");
	var index = tableau[0];
 
	var stringNomAbs = nomAbs;
	var tabNomAbs = stringNomAbs.split("_");
	var nomAbs = tabNomAbs[0];
 
 
	//DECLARATION DES DIV
	var nameDivHoraire = 'horaire'+index;
	var nameDivAbsence = 'abs'+index;
	var nameDivDemiAbsence = 'demiabs'+index;
	//alert("nameDivHoraire : "+nameDivHoraire);
 
	//var idPersonne = tableau[1];
	var idPersonne = document.forms["popinPreview"].elements["idPersonnePreview"].value;
 
	//Déclaration des Div Modification 
	var nameDivHoraireModif = "divHoraireModif"+index+'_'+idPersonne;
	var nameDivAbsenceModif = "divAbsenceModif"+index+'_'+idPersonne;
	var nameDivDemiAbsenceModif = "divDemiAbsenceModif"+index+'_'+idPersonne;
 
	//DECLARATION DES NOMS DE VARIABLES (champs texte)
 
	var debutAM = 'horaire'+index+'dm_'+idPersonne;
	var finAM = 'horaire'+index+'fm_'+idPersonne;
	var debutPM = 'horaire'+index+'da_'+idPersonne;
	var finPM = 'horaire'+index+'fa_'+idPersonne;
 
	/*if(document.getElementById(debutAM)==null){
 
		document.getElementById(nameDivHoraire).innerHTML= 'horaire'+index+'dm_'+idPersonne;
 
 
	}*/
	//DECLARATION DES NOMS DE VARIABLES (select)
 
	//var absenceSelectedId = "absenceSelected"+index+"_"+idPersonne;
	//var demiAbsSelectedId = "demiabsenceSelected"+index+"_"+idPersonne;
	var absenceSelectedId = "absenceSelected";
	var demiAbsSelectedId = "demiAbsenceSelected";
	var idAbs = document.getElementById(absenceSelectedId).options[document.getElementById(absenceSelectedId).selectedIndex].id;
	var idDemiAbs = document.getElementById(demiAbsSelectedId).options[document.getElementById(demiAbsSelectedId).selectedIndex].id;
 
 
	var text = nomAbs.substring(0, 4);
 
	if (text == 'demi'){
 
		openPopinMatinOuApres(idPersonne, index);
		document.getElementById(nameDivAbsence).style.display = 'none';
		var nameDivAbsence = 'demiabs'+index;
		//alert("new nameDivAbsence : "+nameDivAbsence);
		document.getElementById(absenceSelectedId).options[0].selected = true;
	}else{
		document.getElementById(nameDivDemiAbsence).style.display = 'none';
 
		//ICI METTRE LES VARIABLES A VIDE
		document.getElementById(demiAbsSelectedId).options[0].selected = true;
		}
 
 
	var nomAbs = document.getElementById(nomAbs);
 
	if (nomAbs.checked) {
		document.getElementById(nameDivAbsence).style.display = 'block';
		//alert("ici");
		document.getElementById(nameDivHoraire).style.display = 'none';
 
		if(document.getElementById(debutAM)!=null){
			document.getElementById(debutAM).value="00:00";
			document.getElementById(finAM).value="00:00";
			document.getElementById(debutPM).value="00:00";
			document.getElementById(finPM).value="00:00";
 
 
		}
 
	}
 
	var stringNomPresent = nomPres;
	//alert("stringNomPresent : "+stringNomPresent);
	var tabNomPres = stringNomPresent.split("_");
	var nomPres = tabNomPres[0];
	var nomPres = document.getElementById(nomPres);	
 
	//alert("nomPres : "+nomPres);
 
	if (nomPres.checked) {
		//alert("nameDivHoraire : "+nameDivHoraire);
		document.getElementById(nameDivAbsence).style.display = 'none';
		document.getElementById(nameDivHoraire).style.display = 'block';
		document.getElementById(nameDivDemiAbsence).style.display = 'none';
	}
}