Discussion :

[sxmcrow]

Bonjour,

Actuellement je travail sur cet outil Jquery UI qui me permet de changer l'ordre des valeurs de ma liste 'Sortable'. Mais ma liste viens du Base de donnée et je garde dans la BDD la position de chaque élément.

J'affiche correctement ma liste code HTML généré:

Code :

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

1
2
3
4
5
 
<ul id="sortable">		
        <li class="ui-state-default" lipos="1440">Contenus1</li>		
        <li class="ui-state-default" lipos="1441">Contenus2</li>	
</ul>

(j'ai volontairement caché le contenu s'agissant de données propre à une entreprise)

comme vous le voyais j'ai tâté un peu le code fournit dans ce Topic, mais au final je ne cerne pas du tout comment ça fonctionne x).

voici le code JS:

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
 
var lipos = null;
 
function liposUpdade(){
        lipos = [];
 
	$("#sortable li").each(function(i,item){
		lipos.push($(item).attr("lipos"));
	});
 
	$("#affiche").append("<p>" + lipos.join(" , ") + "</p>");
}
$(function() {
	$("#sortable").sortable({
		placeholder: "ui-state-highlight",
		update : function (event, ui){
			liposUpdade();
		}
});
$("#sortable").disableSelection();
});

bon jusque là ça tourne bien, je peux déplacer mes lignes comme bon me semble, mais comment enregistrer la position final dans la BDD?

Voilà, avec tout ça je pensais pouvoir récupérer la position et la mettre à jour dans ma base de donnée. Malheureusement c'est pas si simple --'.

Est il possible que l'on m'oriente afin que mon programme fonctionne correctement avec l'effet voulu?

J'utilise postgreSQL.

[andry.aime]

Bonjour,
Tu peux récupérer les valeurs des attributs lipos selon le rang.

Code :

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

1
2
3
4
5
var a = document.getElementById('sortable').getElementsByTagName('li');
for(var i=0;i<a.length;i++)
{
	alert("Lipos "+i+" = "a[i].getAttribute('lipos'));
}

Tu sérialises ces valeurs puis l'envoyer au serveur avec une requête AJAX.

[sxmcrow]

Donc il me faut utiliser l'Ajax d'accord ,

Le Hic c'est que je n'y connais absolument rien à ce niveau. J'ai beau chercher des tutos ou autre explications, j'en trouve, mais je me retrouve totalement paumé à chaque coup...

c'est possible d'avoir un exemple concret pour la requête Ajax ?

edit: J'ai trouvé ce tutos, mais je ne pense pas que ça corresponde réellement --',

Tu sérialises ces valeurs puis l'envoyer au serveur avec une requête AJAX.

Je ne comprend pas le terme "sérialise"

[andry.aime]

Re,
Regardes comment utiliser AJAX avec jQuery.

Je ne comprend pas le terme "sérialise"

Tu faits en sorte que les valeurs envoyés sur le serveur est de la forme

var[]=0&var[]=1&var[]=2

Lesquelles tu les reçois comme en array du coté serveur.

Code :

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

$var=$_POST["var"];//$var est un array

[sxmcrow]

Bon j'ai regardé et lu le lien vers Jquery et Ajax ,

Une petite question pour être sure d'avoir compris:

J'envois mes valeur soit en GET ou POST avec Jquery vers un programme PHP qui va lui interragir avec la base de données? c'est bien ça?

Donnée à envoyer => envois avec Jquery (GET ou POST) vers .php => .php réalise la requête SQL = Les Données sont modifié sur le serveur.

:p petit schéma très simple.

[andry.aime]

Re,
Oui, t'as tous compris .