Voilà mon chef ma trouvé un nouveau défi. Alors que j'avais terminé mon projet.

Faire un tableau triable sur lequel on gardera les positions des cellules en Base.
Pour cela j'utilise JqueryUI.

Je suis arrivé à faire mes lignes déplaçable, a gérer l'evenement lorsque l'on pose la ligne à sa nouvelle place.
Mais je n'arrive pas trouver de solution pour récupérer la nouvelle position de cette ligne par rapport au tableau.

Voici un code d'exemple :

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
 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title> Table Sortable</title>
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" type="text/css" media="all" />
	<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js" type="text/javascript"></script> 
	<script type="text/javascript">
	$(function() {
		$("#subsortsortable tbody.content").sortable({
		stop: function(event, ui) { 
			console.log('Posee'); 
		}
	});
		$("#subsortsortable tbody.content").disableSelection();
	});
	</script> 
  </head>
  <body>
<table id=subsortsortable border="1" > 
<tbody class=content>
<tr><th>Origine</th><th> Position Reelle </th></tr>
<tr><td>Position 1</td><td> 1 </td></tr>
<tr><td>Position 2</td><td> 2 </td></tr>
<tr><td>Position 3</td><td> 3 </td></tr>
<tr><td>Position 4</td><td> 4 </td></tr>
<tr><td>Position 5</td><td> 5 </td></tr>
</tbody>
</table>
  </body>
</html>