Discussion :

[abc.xyz]

Bonjour,

Mon pb est le suivant.
Dans un backoffice php j'ai des lignes de bdd qui s'affichent (de la première la plus en haut à la dernière la plus en bas qui est celle qui a été insérée en dernier dans la bdd).
je dois lorsque l'utilisateur clique sur une petite flèche dirigée vers le haut placée à côté de chaque ligne faire remonter la ligne en question d'une position dans l'affichage des lignes.
Je ne sais comment m'y prendre.

merci

[Christophe P.]

Il faut utiliser JavaScript, pas PHP. Exemple : http://www.developpez.net/forums/d19...gnes-tableaux/

[Thes32]

Salut,

Si tu veux le faire en PHP tu dois ajouter une colonne (int) dans ta base de données où tu maintiendras dynamiquement la position/l'ordre de chaque ligne. A chaque cliques sur le bouton tu n'auras juste qu'à incrémenter la ligne tout en décrémentant la ligne supérieure.

[abc.xyz]

thes32 pourrais tu être plus précis dans tes explications?

merci

[abc.xyz]

voici mon code: ordre est la colonne rajoutée en plus

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
 
<?php
 
require('connexion_db.php');
 
if(isset($_GET['page_id'])){
 
  $texte_requete = "UPDATE carrieres SET ordre = ordre - 1 WHERE id=:id";
  $texte_requete1 = "UPDATE carrieres SET ordre = ordre + 1 WHERE id=:id-1";
  $requete = $dbh->prepare($texte_requete);
  $requete->bindValue(':id', $_GET['page_id']);
  $requete1 = $dbh->prepare($texte_requete1);
  $requete1 ->bindValue(':id', $_GET['page_id']);
  $requete->execute();
  $requete1->execute();
 
  header('Location:fichier.php?message=ok');
  exit();
 
}
 
 
?>

le pb est que il n'y a que la clé primaire d'une bdd qui assure l'ordre des lignes dans une bdd, ici modifier la colonne ordre (remplie (à l'aide d'un trigger) par 1 puis 2 puis 3 pour respectivement la premiere ligne inseree puis la deuxieme puis la troisieme..) aves les requêtes update ne change rien à rien.

[Dendrite]

Juste pour développer les deux options.

C'est un problème typiquement javascript. Christophe a raison sur le fond. Du genre, tu as 2000 clients web, tu as 2000 ordres possibles, tu n'as peut-être pas intérêt à conserver dans ta base de données tes 2000 clients (genre via un cookie) associés à 2000 ordres ? Les fantaisies et préférences du client, typiquement, il suffit de les stocker puis de les traiter sur le navigateur, ça ne regarde pas le serveur, et c'est donc du javascript et pas du PHP.

Mais je me doute que si tu ne maîtrises que PHP, ça te gave de passer à javascript, mais on va dire que c'est une mauvaise raison, ça.
Si développeur web n'est ni ton métier ni ta passion, Christophe est sympa et te propose un pis-aller... sinon, tu n'y couperas pas de devoir pratiquer un peu des disciplines suivantes HTML, PHP, Javascript, SQL et CSS. bon courage...

[abc.xyz]

je pense que c'est un pb qui peut être résolu en PHP.
Donc si vous pouvez m'aider en PHP, c'est le bienvenu.

[Dendrite]

Pourquoi tu veux qu'un client en back office choisisse l'ordre ? Ne peux-tu plutôt lui demander quel est son critère d'ordre et le définir dans ton "order by" SQL ?
Là, tu lui proposes par défaut id asc, mettons. Mais que préfère-t-il ? Es-tu sûr qu'il faut absolument le laisser personnaliser tant c'est compliqué ?

[abc.xyz]

merci de respecter le travail que je dois faire.
Je dois faire remonter la ligne en question, c'est tout.
Ce n'est pas une attaque puisque tu essaies de m'aider de toutes façons.

[Dendrite]

Oui, pardon si tu sais déjà tout ce que je dis, c'est juste qu'on ne se connaît pas sur internet, donc je me sens obligée d'être pédago, c'est tout.
Un agencement, c'est d'abord une logique SQL côté serveur si possible, et si c'est personnalisable, c'est du javascript. Choisir du PHP pour cela, c'est techniquement faisable, mais pas forcément souhaitable.
J'enfonce le clou. Maintenant, j'arrête là pour ne pas t'escagasser.

[Dendrite]

Quand j'ai ce genre de problématique, je vais vers javascript certes, mais comme je n'ai pas envie de réinventer la roue dans ce langage, je vais vers le framework jquery, et la librairie datatable :
Regarde ce que je viens de trouver : un drag and drop pour laisser le "client" jouer avec son tableau.
Le code à implémenter pour activer la librairie est sans doute compliqué, mais bon... le code pour activer... tout simple. C'est ce qui compte non ?

http://jquery-datatables-row-reorder...unk/index.html

[abc.xyz]

ok peux tu me montrer l'endroit où on dit à quel code html correspond le

Code :

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

$('#example')

?

sinon apparemment personne ne connait une solution PHP à ce pb..

[Yellu]

Bonjour,

De ce que j'en comprend c'est une problématique SQL :

Il faudrait :
- Rechercher via un SELECT la ligne A qui a été cliquée et tu récupères son champs "ordre".
- Rechercher via un SELECT la ligne B qui possède le champs "ordre" le plus grand mais qui soit inférieur à l'ordre de ta ligne A et tu récupères son champs "id".

Si B existe :
- Inverser les deux ordres des deux lignes A et B via un UPDATE.
Sinon tu ne fais rien...

[Dendrite]

ok peux tu me montrer l'endroit où on dit à quel code html correspond le

Code :

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

$('#example')

?

sinon apparemment personne ne connait une solution PHP à ce pb..

Mieux que ça.
Tu prends le paquet que je t'ai fait, (à partir du code source en ligne) super simplifié, sans les css, et avec le code qui tourne, le tableau drag and droppable, même en HTML.
tu n'as plus qu'à t'approprier table.html, à la renommer table.php, et tu peux y insérer tout le PHP de la base de données.

Pour info, dans le répertoire media, tu as toutes les librairies javascript pour CE tableau, (ici étaient nécessaires jquery, jquery dataTables pour les tableaux avancés, jquery ui (la GUI de jquery) et enfin, le petit plugin rowReordering...

Enfin pour répondre à ta question, comme tu verras sur la page table.html, #truc est le symbole qui signifie id='truc', comme en CSS, et le .truc signifierait class='truc'.
Bref, je te mets pour rappel le html simplifié de la page principale, et on voit d'abord les include de toutes les librairies, puis la table, et tu vois que c'est la balise <table id="example">

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
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
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
		<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
		<title>Mon titre</title>
		<link rel="shortcut icon" type="image/ico" href="media/images/favicon.ico">
 
		<style type="text/css" media="screen">
			@import "media/css/demo_page.css";
			@import "media/css/demo_table.css";
			@import "media/css/site_jui.css";
			@import "media/css/demo_table_jui.css";
			@import "media/css/themes/base/jquery-ui.css";
			@import "media/css/themes/smoothness/jquery-ui-1.7.2.custom.css";
			/*
			 * Override styles needed due to the mix of three different CSS sources! For proper examples
			 * please see the themes example in the 'Examples' section of this site
			 */
			.dataTables_info { padding-top: 0; }
			.dataTables_paginate { padding-top: 0; }
			.css_right { float: right; }
			tfoot th input { width: 90% }
			#example_wrapper .fg-toolbar { font-size: 0.8em }
			#theme_links span { float: left; padding: 2px 10px; }
		</style>
		<script src="media/js/jquery.js" type="text/javascript"></script>
		<script src="media/js/jquery-ui-min.js" type="text/javascript"></script>
        <script src="media/js/jquery.dataTables.js" type="text/javascript"></script>
		<script type="text/javascript" src="media/js/jquery.dataTables.rowReordering.js"></script>
		<script type="text/javascript">
                    $(document).ready(function () {
                        $('#example').dataTable({
                                                    bJQueryUI: true,
                                                    "sPaginationType": "full_numbers"
                                                })
                                     .rowReordering();
                    });
                </script>
</head>
 
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
	<thead>
		<tr>
        <th></th>
			<th>Rendering engine</th>
			<th>Browser</th>
			<th>Platform(s)</th>
			<th>Engine version</th>
			<th>CSS grade</th>
		</tr>
	</thead>
	<tfoot>
		<tr>
        <th></th>
			<th>Rendering engine</th>
			<th>Browser</th>
			<th>Platform(s)</th>
			<th>Engine version</th>
			<th>CSS grade</th>
		</tr>
 
	</tfoot>
	<tbody>
 
    	<tr data-position="1" class="odd_gradeX" id="100"><td>1</td>
			<td class="read_only"> A Trident(read only cell)</td>
			<td>Internet Explorer 4.0</td>
			<td>Win 95+</td>
			<td class="center">4</td>
 
			<td class="center">X</td>
		</tr>
		<tr data-position="2" class="even_gradeC" id="101"><td>2</td>
			<td>Trident</td>
			<td>Internet Explorer 5.0</td>
			<td>Win 95+</td>
			<td class="center">5</td>
 
			<td class="center">C</td>
		</tr>
		<tr data-position="3" class="odd_gradeA" id="102"><td>3</td>
			<td>Trident</td>
			<td>Internet Explorer 5.5</td>
			<td>Win 95+</td>
			<td class="center">5.5</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="4" class="even_gradeA" id="103"><td>4</td>
			<td>Trident</td>
			<td class="read_only">Internet Explorer 6(read only cell)</td>
			<td>Win 98+</td>
			<td class="center">6</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="5" class="odd_gradeA" id="104"><td>5</td>
			<td>Trident</td>
			<td>Internet Explorer 7</td>
			<td class="read_only">Win XP SP2+(read only cell)</td>
			<td class="center">7</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="6" class="even_gradeA" id="105"><td>6</td>
			<td>Trident</td>
			<td>AOL browser (AOL desktop)</td>
			<td>Win XP</td>
			<td class="center">6</td>
 
			<td class="center read_only">A(read only cell)</td>
		</tr>
		<tr data-position="7" class="odd_gradeA" id="106"><td>7</td>
			<td>Gecko (UTF-8: $¢€)</td>
			<td>Firefox 1.0</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.7</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="8" class="even_gradeA" id="107"><td>8</td>
			<td>Gecko</td>
			<td>Firefox 1.5</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="9" class="odd_gradeA" id="108"><td>9</td>
			<td>Gecko</td>
			<td>Firefox 2.0</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="10" class="even_gradeA" id="109"><td>10</td>
			<td>Gecko</td>
			<td>Firefox 3.0</td>
			<td>Win 2k+ / OSX.3+</td>
			<td class="center">1.9</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="11" class="odd_gradeA" id="110"><td>11</td>
			<td>Gecko</td>
			<td>Camino 1.0</td>
			<td>OSX.2+</td>
			<td class="center">1.8</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="12" class="even_gradeA" id="111"><td>12</td>
			<td>Gecko</td>
			<td>Camino 1.5</td>
			<td>OSX.3+</td>
			<td class="center">1.8</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="13" class="odd_gradeA" id="112"><td>13</td>
			<td>Gecko</td>
			<td>Netscape 7.2</td>
			<td>Win 95+ / Mac OS 8.6-9.2</td>
			<td class="center">1.7</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="14" class="even_gradeA" id="113"><td>14</td>
			<td>Gecko</td>
			<td>Netscape Browser 8</td>
			<td>Win 98SE+</td>
			<td class="center">1.7</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="15" class="odd_gradeA" id="114"><td>15</td>
			<td>Gecko</td>
			<td>Netscape Navigator 9</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="16" class="even_gradeA" id="115"><td>16</td>
			<td>Gecko</td>
			<td>Mozilla 1.0</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="17" class="odd_gradeA" id="116"><td>17</td>
			<td>Gecko</td>
			<td>Mozilla 1.1</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.1</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="18" class="even_gradeA" id="117"><td>18</td>
			<td>Gecko</td>
			<td>Mozilla 1.2</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.2</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="19" class="odd_gradeA" id="118"><td>19</td>
			<td>Gecko</td>
			<td>Mozilla 1.3</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.3</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="20" class="even_gradeA" id="119"><td>20</td>
			<td>Gecko</td>
			<td>Mozilla 1.4</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.4</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="21" class="odd_gradeA" id="120"><td>21</td>
			<td>Gecko</td>
			<td>Mozilla 1.5</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.5</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="22" class="even_gradeA" id="121"><td>22</td>
			<td>Gecko</td>
			<td>Mozilla 1.6</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.6</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="23" class="odd_gradeA" id="122"><td>23</td>
			<td>Gecko</td>
			<td>Mozilla 1.7</td>
			<td>Win 98+ / OSX.1+</td>
			<td class="center">1.7</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="24" class="even_gradeA" id="123"><td>24</td>
			<td>Gecko</td>
			<td>Mozilla 1.8</td>
			<td>Win 98+ / OSX.1+</td>
			<td class="center">1.8</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="25" class="odd_gradeA" id="124"><td>25</td>
			<td>Gecko</td>
			<td>Seamonkey 1.1</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="26" class="even_gradeA" id="125"><td>26</td>
			<td>Gecko</td>
			<td>Epiphany 2.20</td>
			<td>Gnome</td>
			<td class="center">1.8</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="27" class="odd_gradeA" id="126"><td>27</td>
			<td>Webkit</td>
			<td>Safari 1.2</td>
			<td>OSX.3</td>
			<td class="center">125.5</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="28" class="even_gradeA" id="127"><td>28</td>
			<td>Webkit</td>
			<td>Safari 1.3</td>
			<td>OSX.3</td>
			<td class="center">312.8</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="29" class="odd_gradeA" id="128"><td>29</td>
			<td>Webkit</td>
			<td>Safari 2.0</td>
			<td>OSX.4+</td>
			<td class="center">419.3</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="30" class="even_gradeA" id="129"><td>30</td>
			<td>Webkit</td>
			<td>Safari 3.0</td>
			<td>OSX.4+</td>
			<td class="center">522.1</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="31" class="odd_gradeA" id="130"><td>31</td>
			<td>Webkit</td>
			<td>OmniWeb 5.5</td>
			<td>OSX.4+</td>
			<td class="center">420</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="32" class="even_gradeA" id="131"><td>32</td>
			<td>Webkit</td>
			<td>iPod Touch / iPhone</td>
			<td>iPod</td>
			<td class="center">420.1</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="33" class="odd_gradeA" id="132"><td>33</td>
			<td>Webkit</td>
			<td>S60</td>
			<td>S60</td>
			<td class="center">413</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="34" class="even_gradeA" id="133"><td>34</td>
			<td>Presto</td>
			<td>Opera 7.0</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">-</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="35" class="odd_gradeA" id="134"><td>35</td>
			<td>Presto</td>
			<td>Opera 7.5</td>
			<td>Win 95+ / OSX.2+</td>
			<td class="center">-</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="36" class="even_gradeA" id="135"><td>36</td>
			<td>Presto</td>
			<td>Opera 8.0</td>
			<td>Win 95+ / OSX.2+</td>
			<td class="center">-</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="37" class="odd_gradeA" id="136"><td>37</td>
			<td>Presto</td>
			<td>Opera 8.5</td>
			<td>Win 95+ / OSX.2+</td>
			<td class="center">-</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="38" class="even_gradeA" id="137"><td>38</td>
			<td>Presto</td>
			<td>Opera 9.0</td>
			<td>Win 95+ / OSX.3+</td>
			<td class="center">-</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="39" class="odd_gradeA" id="138"><td>39</td>
			<td>Presto</td>
			<td>Opera 9.2</td>
			<td>Win 88+ / OSX.3+</td>
			<td class="center">-</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="40" class="even_gradeA" id="139"><td>40</td>
			<td>Presto</td>
			<td>Opera 9.5</td>
			<td>Win 88+ / OSX.3+</td>
			<td class="center">-</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="41" class="odd_gradeA" id="140"><td>41</td>
			<td>Presto</td>
			<td>Opera for Wii</td>
			<td>Wii</td>
			<td class="center">-</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="42" class="even_gradeA" id="141"><td>42</td>
			<td>Presto</td>
			<td>Nokia N800</td>
			<td>N800</td>
			<td class="center">-</td>
 
			<td class="center">A</td>
		</tr>
		<tr data-position="43" class="odd_gradeA" id="142"><td>43</td>
			<td>Presto</td>
			<td>Nintendo DS browser</td>
			<td>Nintendo DS</td>
			<td class="center">8.5</td>
 
			<td class="center">C/A<sup>1</sup></td>
		</tr>
		<tr data-position="44" class="even_gradeC" id="143"><td>44</td>
			<td>KHTML</td>
			<td>Konqureror 3.1</td>
			<td>KDE 3.1</td>
 
			<td class="center">3.1</td>
			<td class="center">C</td>
		</tr>
		<tr data-position="45" class="odd_gradeA" id="144"><td>45</td>
			<td>KHTML</td>
			<td>Konqureror 3.3</td>
			<td>KDE 3.3</td>
 
			<td class="center">3.3</td>
			<td class="center">A</td>
		</tr>
		<tr data-position="46" class="even_gradeA" id="145"><td>46</td>
			<td>KHTML</td>
			<td>Konqureror 3.5</td>
			<td>KDE 3.5</td>
 
			<td class="center">3.5</td>
			<td class="center">A</td>
		</tr>
		<tr data-position="47" class="odd_gradeX" id="146"><td>47</td>
			<td>Tasman</td>
			<td>Internet Explorer 4.5</td>
			<td>Mac OS 8-9</td>
 
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr data-position="48" class="even_gradeC" id="147"><td>48</td>
			<td>Tasman</td>
			<td>Internet Explorer 5.1</td>
			<td>Mac OS 7.6-9</td>
 
			<td class="center">1</td>
			<td class="center">C</td>
		</tr>
		<tr data-position="49" class="odd_gradeC" id="148"><td>49</td>
			<td>Tasman</td>
			<td>Internet Explorer 5.2</td>
			<td>Mac OS 8-X</td>
 
			<td class="center">1</td>
			<td class="center">C</td>
		</tr>
		<tr data-position="50" class="even_gradeA" id="149"><td>50</td>
			<td>Misc</td>
			<td>NetFront 3.1</td>
			<td>Embedded devices</td>
 
			<td class="center">-</td>
			<td class="center">C</td>
		</tr>
		<tr data-position="51" class="odd_gradeA" id="150"><td>51</td>
			<td>Misc</td>
			<td>NetFront 3.4</td>
			<td>Embedded devices</td>
 
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr data-position="52" class="even_gradeX" id="151"><td>52</td>
			<td>Misc</td>
			<td>Dillo 0.8</td>
			<td>Embedded devices</td>
 
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr data-position="53" class="odd_gradeX" id="152"><td>53</td>
			<td>Misc</td>
			<td>Links</td>
			<td>Text only</td>
 
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr data-position="54" class="even_gradeX" id="153"><td>54</td>
			<td>Misc</td>
			<td>Lynx</td>
			<td>Text only</td>
 
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr data-position="55" class="odd_gradeC" id="154"><td>55</td>
			<td>Misc</td>
			<td>IE Mobile</td>
			<td>Windows Mobile 6</td>
 
			<td class="center">-</td>
			<td class="center">C</td>
		</tr>
		<tr data-position="56" class="even_gradeC" id="155"><td>56</td>
			<td>Misc</td>
			<td>PSP browser</td>
			<td>PSP</td>
 
			<td class="center">-</td>
			<td class="center">C</td>
		</tr>
		<tr data-position="57" class="odd_gradeU" id="156"><td>57</td>
			<td>Other browsers</td>
			<td>All others</td>
			<td>-</td>
 
			<td class="center">-</td>
			<td class="center">U</td>
		</tr>
 
        </tbody>
</table>

[abc.xyz]

merci pour la solution js, mais elle est trop compliquée car elle m'oblige à réorganiser tout mon code en un tableau alors qu'initialement il n'etait pas en tableau. TROP LONG TROP COMPLIQUE.
Yellu ta solution n'est pas différente de celle que j'ai proposée et qui ne marche pas.
Quelqu'un sait t'il comment faire en PHP?

[abc.xyz]

??

[Yellu]

Bonjour,

Tu as mal lu ou mal compris ma solution.

Tu recherches par "id - 1" ce qui n'est pas bon du tout... je te suggère autre chose dans mon message.

[abc.xyz]

yellu ta solution n'est pas sous forme de code il y a donc mille façons d'interpréter tes dires je ne comprends donc rien du tout à ce que tu veux m'expliquer.

[abc.xyz]

1-yellu tu n'expliques pas à quoi sert pour la ligne B de récupérer le champs id (qui est la clé primaire je précise). Je pense moi que cela ne sert à rien puisque c'est la clé primaire.
2-De plus tu parles d'inverser par un UPDATE, tu oublies de dire qu'il faudra certainement DEUX requêtes UPDATE pour faire l'inversement (l'inversement que tu n'expliques pas en détail c'est pour ça que j'ai du mal avec ta solution)
3-Tu oublies aussi de dire que si ta solution d'inversement fonctionne il faudra ensuite faire un SELECT avec un ORDER BY ASC pour mettre tout ça en forme.

MERCI QUAND MEME DE TON AIDE YELLU POUR CETTE PROBLEMATIQUE

[Celira]

Hum... de ce que je comprends de la version de Yellu, il faut que tu cherches l'ordre de la ligne cliquée, puis la ligne ayant actuellement cet ordre pour la modifier.
Donc en reprenant ton code, ça donne quelque chose comme ça :

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
 
<?php
 
require('connexion_db.php');
 
if(isset($_GET['page_id'])){
 
 $select_new = "SELECT ordre from carrieres WHERE id=:id";
 $requete_select_new = $dbh->prepare($select_new);
 $requete_select_new->execute(array(':id' => $_GET['page_id']));
 $ordre_actuel = $requete_select_new->fetchColumn();
 // id de la ligne à modifier 
 $select_upd = "SELECT id from carrieres WHERE ordre=:ordre";
 $requete_select_upd = $dbh->prepare($select_upd);
 $requete_select_upd->execute(array(':ordre' => $ordre_actuel));
 $idUpdate = $requete_select_upd->fetchColumn();
 
  $texte_requete = "UPDATE carrieres SET ordre = ordre - 1 WHERE id=:id";
  $texte_requete1 = "UPDATE carrieres SET ordre = ordre + 1 WHERE id=:id";
  $requete = $dbh->prepare($texte_requete);
  $requete->bindValue(':id', $_GET['page_id']);
  $requete1 = $dbh->prepare($texte_requete1);
  $requete1 ->bindValue(':id', $idUpdate);
  $requete->execute();
  $requete1->execute();
 
  header('Location:fichier.php?message=ok');
  exit();
 
}
 
 
?>