[DOM] Question sur toolkit Mootools [Résolu]

[Ylias]

Bonjour,
Voila je voudrais utiliser ceci http://demos.mootools.net/Sortables
Mais, je souhaiterai, valider les modifications avec un bouton et enregistrer le nouvel ordre des données.

Cependant je ne vois pas comment récupérer la position des blocs.

Si quelqu'un connait ce serait cool d'illuminer ma chandelle

[denisC]

Envoyé par Ylias

Cependant je ne vois pas comment récupérer la position des blocs.

Mets un id à chacun de tes blocs li (dans l'exemple), puis fait un getElementsByTagName('li') sur l'ul englobant : ça te retournera les lis dans l'ordre actuel, et tu n'as plus qu'à regarder les ids un par un....

Tu dois mettre des ids pour pouvoir différencier tes blocs, et un getElementsByTagName ou n'inporte quelle méthode DOM (childNodes) te retournera les noeuds dans l'ordre au moment ou tu le demandes.

[Shinuza]

Code :

1
2
3
4
5
6
7
8
9
10
11
 
var order = "";
var sort = new Sortables($('test'),initialize: function(){
		this.elements.each(function(element, i) {
			element.setProperty("id",["sortable_",i].join(""));
		});
});
 
sort.addEvent('onComplete',function() {
	order = this.getChildren().getProperty('id').join(); // Récupère la liste des élements, et concatène leurs id avec une virgule comme séparateur
});

[Ylias]

Merci beaucoup !

Je teste ça demain car il se fait tard et je vous dis quoi