Bonjour,

veuillez excuser mes impressions de vocabulaire et autres horreurs que vous trouverez dans mes codes, je suis débutant.

J'ai créé une page composée de formulaires (listes déroulantes) pour lesquels tout changement de choix modifie un paramètre d'un script en javascript (utilisant OpenLayers) et recharge la page.

Lorsque cette page est enregistrée en html ou php (sans session), la page fonctionne sans problème.
exemple :
  • état inital : choix 1 (eau en bleu) de la liste 1 donc carte avec le fleuve en bleu
  • l'utilisateur prends le choix 2 (eau en rouge) de la liste 1
  • la page se recharge avec la carte avec le fleuve en rouge et le choix de la liste 1 est 2

C'est exactement ce que je veux.

Mais lorsque j'intègre un mécanisme de session, la page recharge son état initial.
exemple :
  • état inital : choix 1 (eau en bleu) de la liste 1 donc carte avec le fleuve en bleu
  • l'utilisateur prends le choix 2 (eau en rouge) de la liste 1
  • la page se recharge avec la carte avec le fleuve en bleu et le choix de la liste 1 revient à 1


voici les codes de mes pages sans et avec session :

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
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
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> -->
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
		<title>Première carte avec OpenStreetMap</title>
		<script type="text/javascript" src="OpenLayers/lib/OpenLayers.js"></script>
		<link rel="stylesheet" href="carte.css" type="text/css">
	</head>
	<body onload="init()">
		<form>
		<div id="legend_validation">
			<div id="info">
				<b>login :
			</div>
				<div id="legend">
					<div id="legend_echelle">
						<div id="legend_echelle_titre" style="text-align: center">
							ÉCHELLE
						</div>
						<div id="legend_echelle_choix">
							<FORM NAME="legend_echelle">
								<select name="choix_echelle" id="choix_echelle" onChange=javascript:location.reload() style="min-width: 400px">
									<option value="choix1_echelle">Département</option>
									<option value="choix2_echelle">Val de Tours et val de Luynes</option>
									<option value="choix3_echelle">Commune</option>
									<option value="choix4_echelle">Quartier</option>
								</select>
							</FORM>
						</div>
					</div>
					<div id="legend_alea">
						<div id="legend_alea_titre" style="text-align: center">
							ALÉA
						</div>
						<div id="legend_alea_choix">
							<select name="choix_alea" id="choix_alea" onChange=javascript:location.reload() style="min-width: 400px">
								<option value="choix1_alea">Sans aléa</option>
								<option value="choix2_alea" selected="Selected">Dégradé de bleu</option>
								<option value="choix3_alea">Dégradé de rouge</option>
								<option value="choix4_alea">Couleurs du PPRI</option>
								<option value="choix5_alea">Couleurs de l'AZI</option>
								<option value="choix6_alea">Bleu uni</option>
								<option value="choix7_alea">Rouge uni</option>
							</select>
						</div>
					</div>
					<div id="legend_bati">
						<div id="legend_bati_titre" style="text-align: center">
							BÂTI À ÉVACUER
						</div>
						<div id="legend_bati_choix">
							<select name="choix_bati" id="choix_bati" onChange=javascript:location.reload() style="min-width: 400px">
								<option value="choix1_bati" selected="Selected">Sans bâtiment</option>
								<option value="choix2_bati">Mon appartement (point)</option>
								<option value="choix3_bati">Mon appartement (icône)</option>
								<option value="choix4_bati">Mon appartement (forme réelle)</option>
								<option value="choix5_bati">Tous les immeubles (points simples)</option>
								<option value="choix6_bati">Tous les immeubles (points), nombre total</option>
								<option value="choix7_bati">Tous les immeubles (points), nombre d'évacués sur le créneau</option>
								<option value="choix8_bati">Tous les immeubles (points), nombre d'évacués depuis le début</option>
								<option value="choix9_bati">Tous les immeubles (points), nombre total et % d'évacués depuis le début</option>
								<option value="choix10_bati">Tous les immeubles (forme réelle)</option>
								<option value="choix11_bati">Tous les immeubles (forme réelle), % d'évacués sur le créneau</option>
								<option value="choix12_bati">Tous les immeubles (forme réelle), % d'évacués depuis le début</option>
							</select>
							<form>
								<input type="radio" name="bati_radio" id="bati_r0" value="sans">sans information complémentaire <br />
								<input type="radio" name="bati_radio" id="bati_r1" value="nb_hab">en nombre d'habitants <br />
								<input type="radio" name="bati_radio" id="bati_r2" value="nb_veh">en nombre de véhicules
							</form>
						</div>
					</div>
					<div id="legend_iti_evac">
						<div id="legend_iti_evac_titre" style="text-align: center">
							ITINÉRAIRE D'ÉVACUATION
						</div>
						<div id="legend_iti_evac_choix">
							<select name="choix_iti_evac" id="choix_iti_evac" onChange=javascript:location.reload() style="min-width: 400px">
								<option value="choix1_iti" selected="Selected">Sans itinéraire</option>
								<option value="choix2_iti">Trait simple</option>
								<option value="choix3_iti">Nombre de véhicules</option>
								<option value="choix4_iti">Saturation du(des) itéraire(s)</option>
								<option value="choix5_iti">Nombre de véhicules et saturation du(des) itéraire(s)</option>
							</select>
							<form>
								<input type="radio" name="iti_radio" id="iti_r1" value="nb_hab">Sans nom de route<br />
								<input type="radio" name="iti_radio" id="iti_r2" value="nb_hab">Nom des avenues<br />
								<input type="radio" name="iti_radio" id="iti_r3" value="nb_veh">Nom des petites rues
							</form>
						</div>
					</div>
					<div id="legend_croisement">
						<div id="legend_croisement_titre" style="text-align: center">
							CROISEMENTS
						</div>
						<div id="legend_croisement_choix">
							<select name="choix_croisement" id="choix_croisement" onChange=javascript:location.reload() style="min-width: 400px">
								<option value="choix1_croisement" selected="Selected">Sans croisements</option>
								<option value="choix2_croisement">Nombre de véhicules</option>
								<option value="choix3_croisement">Nombre de routes accédantes</option>
							</select>
							<form>
								<input type="radio" name="croisement_radio" id="croisement_r1" value="sans_texte">Sans texte<br />
								<input type="radio" name="croisement_radio" id="croisement_r2" value="avec_texte">Avec texte
							</form>
						</div>
					</div>
					<div id="legend_ZRO">
						<div id="legend_ZRO_titre" style="text-align: center">
							ZONES DE REGROUPEMENT<br />ET D'ORIENTATION
						</div>
						<div id="legend_ZRO_choix">
							<select name="choix_ZRO" id="choix_ZRO" onChange=javascript:location.reload() style="min-width: 400px">
								<option value="choix1_ZRO" selected="Selected">Sans les Zones de Regroupements et d'Orientation (ZRO)</option>
								<option value="choix2_ZRO">ZRO (forme réelle) simple</option>
								<option value="choix3_ZRO">ZRO (forme réelle) pourcentage d'occupation</option>
								<option value="choix4_ZRO">ZRO (point) simple</option>
								<option value="choix5_ZRO">ZRO (point) capacité d'accueil</option>
								<option value="choix6_ZRO">ZRO (point) pourcentage de remplissage</option>
								<option value="choix7_ZRO">ZRO (point) capacité d'accueil et pourcentage de remplissage</option>
							</select>
							<form>
								<input type="radio" name="ZRO_radio" id="ZRO_r1" value="logo">Sans information complémentaire<br />
								<input type="radio" name="ZRO_radio" id="ZRO_r1" value="logo">Logo des fonctionnalités<br />
								<input type="radio" name="ZRO_radio" id="ZRO_r2" value="texte">Texte des fonctionnalités<br />
								<input type="radio" name="ZRO_radio" id="ZRO_r3" value="logo_texte">Logo et texte
							</form>
						</div>
					</div>
					<div id="legend_secondaire">
						<div id="legend_secondaire_titre" style="text-align: center">
							AUTRES INFORMATIONS
						</div>
						<div id="legend_secondaire_choix">
							<form>
								<input type="checkbox" name="second_mairie" id="second_mairie" value="mairie">Mairie<br />
								<input type="checkbox" name="second_gare" id="second_gare" value="gare">Gare
							</form>
						</div>
					</div>
					<div id="legend_fond">
						<div id="legend_fond_titre" style="text-align: center">
							FOND DE CARTE
						</div>
						<div id="legend_fond_choix">
							<FORM NAME="legend_fond">
								<select name="choix_fond" id="choix_fond" onChange=javascript:location.reload() style="min-width: 400px">
									<option value="choix1_fond" selected="Selected">OpenStreetMap</option>
									<option value="choix2_fond">Limites communales</option>
									<option value="choix3_fond">Réseau routier</option>
									<option value="choix4_fond">Batîments</option>
								</select>
							</FORM>					
						</div>
					</div>
				</div>
				<div id="validation">
				TEST
				</div>
		</div>
		<div id="question_map">
			<div id="question_commentaire">
				<div id="question">
					<b>A quelle(s) question(s) dois vous permettre de répondre cette carte ?</b>
				</div>
				<div id="commentaire" align="right">
					<textarea name="commentaires">commentaires et remarques</textarea>
				</div>
			</div>
			<div id="map">
				<script type="text/javascript" src="carte.js"></script>
			</div>
		</div>
	</form>
	</body>
</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
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
<?php
 
session_start();
 
// Test de connexion à la base de données.
try {
	$bdd = new PDO("mysql:host=localhost;dbname=ciri","root","5zk83vxx2l");
}
catch (PDOException $e){
	die("Erreur : ".$e->getMessage());
}
 
?>
 
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
		<title>Première carte avec OpenStreetMap</title>
		<script type="text/javascript" src="OpenLayers/lib/OpenLayers.js"></script>
		<link rel="stylesheet" href="carte.css" type="text/css">
	</head>
	<body onload="init()">
		<form>
		<div id="legend_validation">
			<div id="info">
				<b>login : <?php echo $_SESSION['login'] ?> </b> <br>
			</div>
				<div id="legend">
					<div id="legend_echelle">
						<div id="legend_echelle_titre" style="text-align: center">
							ÉCHELLE
						</div>
						<div id="legend_echelle_choix">
							<FORM NAME="legend_echelle">
								<select name="choix_echelle" id="choix_echelle" onChange=javascript:location.reload() style="min-width: 400px">
									<option value="choix1_echelle">Département</option>
									<option value="choix2_echelle">Val de Tours et val de Luynes</option>
									<option value="choix3_echelle">Commune</option>
									<option value="choix4_echelle">Quartier</option>
								</select>
							</FORM>
						</div>
					</div>
					<div id="legend_alea">
						<div id="legend_alea_titre" style="text-align: center">
							ALÉA
						</div>
						<div id="legend_alea_choix">
							<select name="choix_alea" id="choix_alea" onChange=javascript:location.reload() style="min-width: 400px">
								<option value="choix1_alea">Sans aléa</option>
								<option value="choix2_alea" selected="Selected">Dégradé de bleu</option>
								<option value="choix3_alea">Dégradé de rouge</option>
								<option value="choix4_alea">Couleurs du PPRI</option>
								<option value="choix5_alea">Couleurs de l'AZI</option>
								<option value="choix6_alea">Bleu uni</option>
								<option value="choix7_alea">Rouge uni</option>
							</select>
						</div>
					</div>
					<div id="legend_bati">
						<div id="legend_bati_titre" style="text-align: center">
							BÂTI À ÉVACUER
						</div>
						<div id="legend_bati_choix">
							<select name="choix_bati" id="choix_bati" onChange=javascript:location.reload() style="min-width: 400px">
								<option value="choix1_bati" selected="Selected">Sans bâtiment</option>
								<option value="choix2_bati">Mon appartement (point)</option>
								<option value="choix3_bati">Mon appartement (icône)</option>
								<option value="choix4_bati">Mon appartement (forme réelle)</option>
								<option value="choix5_bati">Tous les immeubles (points simples)</option>
								<option value="choix6_bati">Tous les immeubles (points), nombre total</option>
								<option value="choix7_bati">Tous les immeubles (points), nombre d'évacués sur le créneau</option>
								<option value="choix8_bati">Tous les immeubles (points), nombre d'évacués depuis le début</option>
								<option value="choix9_bati">Tous les immeubles (points), nombre total et % d'évacués depuis le début</option>
								<option value="choix10_bati">Tous les immeubles (forme réelle)</option>
								<option value="choix11_bati">Tous les immeubles (forme réelle), % d'évacués sur le créneau</option>
								<option value="choix12_bati">Tous les immeubles (forme réelle), % d'évacués depuis le début</option>
							</select>
							<form>
								<input type="radio" name="bati_radio" id="bati_r0" value="sans">sans information complémentaire <br />
								<input type="radio" name="bati_radio" id="bati_r1" value="nb_hab">en nombre d'habitants <br />
								<input type="radio" name="bati_radio" id="bati_r2" value="nb_veh">en nombre de véhicules
							</form>
						</div>
					</div>
					<div id="legend_iti_evac">
						<div id="legend_iti_evac_titre" style="text-align: center">
							ITINÉRAIRE D'ÉVACUATION
						</div>
						<div id="legend_iti_evac_choix">
							<select name="choix_iti_evac" id="choix_iti_evac" onChange=javascript:location.reload() style="min-width: 400px">
								<option value="choix1_iti" selected="Selected">Sans itinéraire</option>
								<option value="choix2_iti">Trait simple</option>
								<option value="choix3_iti">Nombre de véhicules</option>
								<option value="choix4_iti">Saturation du(des) itéraire(s)</option>
								<option value="choix5_iti">Nombre de véhicules et saturation du(des) itéraire(s)</option>
							</select>
							<form>
								<input type="radio" name="iti_radio" id="iti_r1" value="nb_hab">Sans nom de route<br />
								<input type="radio" name="iti_radio" id="iti_r2" value="nb_hab">Nom des avenues<br />
								<input type="radio" name="iti_radio" id="iti_r3" value="nb_veh">Nom des petites rues
							</form>
						</div>
					</div>
					<div id="legend_croisement">
						<div id="legend_croisement_titre" style="text-align: center">
							CROISEMENTS
						</div>
						<div id="legend_croisement_choix">
							<select name="choix_croisement" id="choix_croisement" onChange=javascript:location.reload() style="min-width: 400px">
								<option value="choix1_croisement" selected="Selected">Sans croisements</option>
								<option value="choix2_croisement">Nombre de véhicules</option>
								<option value="choix3_croisement">Nombre de routes accédantes</option>
							</select>
							<form>
								<input type="radio" name="croisement_radio" id="croisement_r1" value="sans_texte">Sans texte<br />
								<input type="radio" name="croisement_radio" id="croisement_r2" value="avec_texte">Avec texte
							</form>
						</div>
					</div>
					<div id="legend_ZRO">
						<div id="legend_ZRO_titre" style="text-align: center">
							ZONES DE REGROUPEMENT<br />ET D'ORIENTATION
						</div>
						<div id="legend_ZRO_choix">
							<select name="choix_ZRO" id="choix_ZRO" onChange=javascript:location.reload() style="min-width: 400px">
								<option value="choix1_ZRO" selected="Selected">Sans les Zones de Regroupements et d'Orientation (ZRO)</option>
								<option value="choix2_ZRO">ZRO (forme réelle) simple</option>
								<option value="choix3_ZRO">ZRO (forme réelle) pourcentage d'occupation</option>
								<option value="choix4_ZRO">ZRO (point) simple</option>
								<option value="choix5_ZRO">ZRO (point) capacité d'accueil</option>
								<option value="choix6_ZRO">ZRO (point) pourcentage de remplissage</option>
								<option value="choix7_ZRO">ZRO (point) capacité d'accueil et pourcentage de remplissage</option>
							</select>
							<form>
								<input type="radio" name="ZRO_radio" id="ZRO_r1" value="logo">Sans information complémentaire<br />
								<input type="radio" name="ZRO_radio" id="ZRO_r1" value="logo">Logo des fonctionnalités<br />
								<input type="radio" name="ZRO_radio" id="ZRO_r2" value="texte">Texte des fonctionnalités<br />
								<input type="radio" name="ZRO_radio" id="ZRO_r3" value="logo_texte">Logo et texte
							</form>
						</div>
					</div>
					<div id="legend_secondaire">
						<div id="legend_secondaire_titre" style="text-align: center">
							AUTRES INFORMATIONS
						</div>
						<div id="legend_secondaire_choix">
							<form>
								<input type="checkbox" name="second_mairie" id="second_mairie" value="mairie">Mairie<br />
								<input type="checkbox" name="second_gare" id="second_gare" value="gare">Gare
							</form>
						</div>
					</div>
					<div id="legend_fond">
						<div id="legend_fond_titre" style="text-align: center">
							FOND DE CARTE
						</div>
						<div id="legend_fond_choix">
							<FORM NAME="legend_fond">
								<select name="choix_fond" id="choix_fond" onChange=javascript:location.reload() style="min-width: 400px">
									<option value="choix1_fond" selected="Selected">OpenStreetMap</option>
									<option value="choix2_fond">Limites communales</option>
									<option value="choix3_fond">Réseau routier</option>
									<option value="choix4_fond">Batîments</option>
								</select>
							</FORM>					
						</div>
					</div>
				</div>
				<div id="validation">
				TEST
				</div>
		</div>
		<div id="question_map">
			<div id="question_commentaire">
				<div id="question">
					<b>A quelle(s) question(s) dois vous permettre de répondre cette carte ?</b>
				</div>
				<div id="commentaire" align="right">
					<textarea name="commentaires">commentaires et remarques</textarea>
				</div>
			</div>
			<div id="map">
				<script type="text/javascript" src="carte.js"></script>
			</div>
		</div>
	</form>
	</body>
</html>
Quel est le mécanisme que je comprends pas selon vous ?
Je vous remercie de votre aide