Recuperation de données ..

immat · 16/09/2008, 16h43

Bonjour à tous .

Je suis actuellement confronter à un petit problème que je ne parvient pas à résoudre.. J'ai donc une base de données avec une table qui contient deux champs... Je liste ce contenu dans un tableau à trois colonne. La premiere contient le premiere champs, la deuxieme le deuxieme champs et enfin la troisieme contient une balise <input type="text" /> pour la modification du deuxieme champs ... Je boucle donc et donne l'id a mon input avec une variable et j'affiche ainsi mon tableau .. Mon probleme est que je ne parvient pas et ne sait pas comment m'y prendre pour recuperer l'id avec AJAX par getElementById de manière dynamique pour ainsi pouvoir creer mes deux variable .. Je pense que le code vous parlera mieu aussi je vous le poste.. Merci de vos réponse

.

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<title>Modifier un champs CSV dans la base de données...</title>
 
<script type="text/javascript">
<!-- 
function ajouterChampsCsv() {
 
        var xhr;
        if(window.XMLHttpRequest || window.ActiveXObject) {
                if(window.XMLHttpRequest) {
                        xhr = new XMLHttpRequest();
                } 
                else {
                        try {
                                xhr = new ActiveXObject("Msxml2.XMLHTTP");
                        } catch(e) {
                                xhr = new ActiveXObject("Microsoft.XMLHTTP");
                        }
                }
        }
        else {
                alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
                return;
        }
 
        xhr.onreadystatechange = function() {
                if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
                        document.getElementById("real").innerHTML = "Modification réalisé avec succés !!!";
                }
				else if(xhr.readyState == 2 || xhr.readyState == 3 || xhr.readyState == 1) {
                                document.getElementById("real").innerHTML = "<p>Chargement en cours</p>";
                        }
 
        } 
 
        var bdd = encodeURIComponent(document.getElementById("<?php echo $nomColonneBd; ?>").value);
		var csv = encodeURIComponent(document.getElementById("<?php echo $nomColonneCsv; ?>").value);
 
        xhr.open("GET", "modifierChamps.php?bd="+bdd+"&CSV="+csv+"", true);
        xhr.send(null);
 
}
//-->
</script>
</head>
 
<body>
 
<?php
mysql_connect('localhost', 'root', '');
mysql_select_db('test');
?>
	<table>
		<tr>
			<th>Champs base de données</th>
			<th>Champs de la colonne CSV</th>
			<th>Modifier</th>
		</tr>
 
<?php
$reqChamps = mysql_query("SELECT nomColonneBd, nomColonneCsv FROM champs");
	while($resChamps = mysql_fetch_array($reqChamps)) {
 
		$nomColonneBd = $resChamps['nomColonneBd'];
		$nomColonneCsv = $resChamps['nomColonneCsv'];
 
		echo '
			<tr>
				<td>'.$resChamps['nomColonneBd'].'</td>
				<td>'.$resChamps['nomColonneCsv'].'</td>
				<td><input type="text" id="'.$nomColonneBd.'" /></td>
				<input type="hidden" id="'.$nomColonneCsv.'" />
				<div id="real"></div>
			</tr>
			';
	}
 
if($_GET['bd'] && $_GET['CSV']) {
	$CSV = $_GET['CSV'];
	$bd = $_GET['bd'];
 
	//mysql_query("UPDATE champs SET nomColonneCsv='".$CSV."' WHERE nomColonneBd='".$bd."'");
}
?>
	</table>
 
 
 
 
 
 
	<br>
 
<center><input type="button" value="Envoyer" onclick="ajouterChampsCsv();" /></center>
 
 
</body>
 
</html>

Bovino · 16/09/2008, 17h23

Ben, tu utilises des variables qui ne sont pas encore déclarées... ça pose problème !
Sinon, il est préférable de montrer le code généré...

immat · 17/09/2008, 08h09

voila le code générer :

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
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<title>Modifier un champs CSV dans la base de données...</title>
 
<script type="text/javascript">
<!-- 
function ajouterChampsCsv() {
 
        var xhr;
        if(window.XMLHttpRequest || window.ActiveXObject) {
                if(window.XMLHttpRequest) {
                        xhr = new XMLHttpRequest();
                } 
                else {
                        try {
                                xhr = new ActiveXObject("Msxml2.XMLHTTP");
                        } catch(e) {
                                xhr = new ActiveXObject("Microsoft.XMLHTTP");
                        }
                }
        }
        else {
                alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
                return;
        }
 
        xhr.onreadystatechange = function() {
                if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
                        document.getElementById("real").innerHTML = "Modification réalisé avec succés !!!";
                }
				else if(xhr.readyState == 2 || xhr.readyState == 3 || xhr.readyState == 1) {
                                document.getElementById("real").innerHTML = "<p>Chargement en cours</p>";
                        }
 
 
        } 
 
 
 		var bdd = encodeURIComponent(document.getElementById("").value); 
		var csv = encodeURIComponent(document.getElementById("").value); 
 
        xhr.open("GET", "modifierChamps.php?bd="+bdd+"&CSV="+csv+"", true); 
        xhr.send(null);
 
        xhr.open("GET", "modifierChamps.php?bd="+bdd+"&CSV="+csv+"", true);
        xhr.send(null);
 
}
//-->
</script>
</head>
 
<body>
 
	<table>
		<tr>
 
			<th>Champs base de données</th>
			<th>Champs de la colonne CSV</th>
			<th>Modifier</th>
		</tr>
 
 
			<tr>
				<td>codeIntervention</td>
 
				<td>CODE INTERVENTION </td>
				<td><input type="text" id="codeIntervention" /></td>
				<input type="hidden" id="CODE INTERVENTION " />
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>nDesignation</td>
				<td>No DESIGNATION</td>
 
				<td><input type="text" id="nDesignation" /></td>
				<input type="hidden" id="No DESIGNATION" />
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>nIntervention</td>
				<td>No INTERVENTION</td>
				<td><input type="text" id="nIntervention" /></td>
 
				<input type="hidden" id="No INTERVENTION" />
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>dateUc</td>
				<td>DATE UC</td>
				<td><input type="text" id="dateUc" /></td>
				<input type="hidden" id="DATE UC" />
 
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>heureUc</td>
				<td>HEURE UC</td>
				<td><input type="text" id="heureUc" /></td>
				<input type="hidden" id="HEURE UC" />
				<div id="real"></div>
 
			</tr>
 
			<tr>
				<td>agentUc</td>
				<td>AGENT UC</td>
				<td><input type="text" id="agentUc" /></td>
				<input type="hidden" id="AGENT UC" />
				<div id="real"></div>
			</tr>
 
 
			<tr>
				<td>dateIc</td>
				<td>DATE IC</td>
				<td><input type="text" id="dateIc" /></td>
				<input type="hidden" id="DATE IC" />
				<div id="real"></div>
			</tr>
 
			<tr>
 
				<td>heureIc</td>
				<td>HEURE IC</td>
				<td><input type="text" id="heureIc" /></td>
				<input type="hidden" id="HEURE IC" />
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>agentIc</td>
 
				<td>AGENT IC</td>
				<td><input type="text" id="agentIc" /></td>
				<input type="hidden" id="AGENT IC" />
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>dateIt</td>
				<td>DATE IT</td>
 
				<td><input type="text" id="dateIt" /></td>
				<input type="hidden" id="DATE IT" />
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>heureIt</td>
				<td>HEURE IT</td>
				<td><input type="text" id="heureIt" /></td>
 
				<input type="hidden" id="HEURE IT" />
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>agentIt</td>
				<td>AGENT IT</td>
				<td><input type="text" id="agentIt" /></td>
				<input type="hidden" id="AGENT IT" />
 
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>ilot</td>
				<td>ILOT</td>
				<td><input type="text" id="ilot" /></td>
				<input type="hidden" id="ILOT" />
				<div id="real"></div>
 
			</tr>
 
			<tr>
				<td>equip</td>
				<td>EQUIP</td>
				<td><input type="text" id="equip" /></td>
				<input type="hidden" id="EQUIP" />
				<div id="real"></div>
			</tr>
 
 
			<tr>
				<td>centre</td>
				<td>CENTRE</td>
				<td><input type="text" id="centre" /></td>
				<input type="hidden" id="CENTRE" />
				<div id="real"></div>
			</tr>
 
			<tr>
 
				<td>dateReleve</td>
				<td>DATE RELEVE</td>
				<td><input type="text" id="dateReleve" /></td>
				<input type="hidden" id="DATE RELEVE" />
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>heureReleve</td>
 
				<td>HEURE RELEVE</td>
				<td><input type="text" id="heureReleve" /></td>
				<input type="hidden" id="HEURE RELEVE" />
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>renfort</td>
				<td>RENFORT</td>
 
				<td><input type="text" id="renfort" /></td>
				<input type="hidden" id="RENFORT" />
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>dateRv</td>
				<td>DATE RV</td>
				<td><input type="text" id="dateRv" /></td>
 
				<input type="hidden" id="DATE RV" />
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>heureRv</td>
				<td>HEURE RV</td>
				<td><input type="text" id="heureRv" /></td>
				<input type="hidden" id="HEURE RV" />
 
				<div id="real"></div>
			</tr>
 
			<tr>
				<td>veMontant</td>
				<td>ET_VE_Montant</td>
				<td><input type="text" id="veMontant" /></td>
				<input type="hidden" id="ET_VE_Montant" />
				<div id="real"></div>
 
			</tr>
 
			<tr>
				<td>veCoef</td>
				<td>ET_VE_Coef</td>
				<td><input type="text" id="veCoef" /></td>
				<input type="hidden" id="ET_VE_Coef" />
				<div id="real"></div>
			</tr>
 
 
			<tr>
				<td>nomade</td>
				<td>NOMADE</td>
				<td><input type="text" id="nomade" /></td>
				<input type="hidden" id="NOMADE" />
				<div id="real"></div>
			</tr>
 
			<tr>
 
				<td>typePc</td>
				<td>type pc</td>
				<td><input type="text" id="typePc" /></td>
				<input type="hidden" id="type pc" />
				<div id="real"></div>
			</tr>
				</table>
 
	<br>
 
<center><input type="button" value="Envoyer" onclick="ajouterChampsCsv();" /></center>
 
 
</body>
 
</html>

Bovino · 17/09/2008, 08h26

Tout d'abord, les espaces dans les id, c'est pas bien, ensuite, il y a une multitude d'id real, c'est pas bien non plus et tes input hidden et div real sont dans le tableau mais en dehors des td... enfin, j'ai du mal à comprendre ce que tu veux récupérer.

EDIT :
Tes input hidden, ils servent à quoi ?

DoubleU · 17/09/2008, 08h59

Oui l'erreur vient du fait qu'un id doit etre unique dans une page, or tu as de nombreux id "real", donc au moment ou tu fais on getElementById, le moteur de javascript a du mal a trouver lequel prendre.

Par ailleurs, je ne sais pas si c'est normal ca:

Code :

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

1
2
var bdd = encodeURIComponent(document.getElementById("").value); 
var csv = encodeURIComponent(document.getElementById("").value);

mais ya de grandes chances que ca te pose problème aussi ^^

16/09/2008, 17h23	#2
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 828 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 828 Points : 35 998 Points : 35 998	Ben, tu utilises des variables qui ne sont pas encore déclarées... ça pose problème ! Sinon, il est préférable de montrer le code généré... __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

17/09/2008, 08h26	#4
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 828 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 828 Points : 35 998 Points : 35 998	Tout d'abord, les espaces dans les id, c'est pas bien, ensuite, il y a une multitude d'id real, c'est pas bien non plus et tes input hidden et div real sont dans le tableau mais en dehors des td... enfin, j'ai du mal à comprendre ce que tu veux récupérer. EDIT : Tes input hidden, ils servent à quoi ? __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email