11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
Dans un album photo, je souhaite créer un module qui permettrait de changer à la souris l'ordre des photos insérées. Je suis parti de la base de cette page (partie "Example: Sorting in two dimensions"), mais j'arrive à la limite de mes compétences Smiley lol

En effet, j'ai le code suivant:
<ul id="boxes">
<li class="box"><img src="../img/menu/architecture.jpg" id="1" /></li>
<li class="box"><img src="../img/menu/communication.jpg" id="2" /></li>
<li class="box"><img src="../img/menu/industrie.jpg" id="3" /></li>
<li class="box"><img src="../img/menu/musique.jpg" id="4" /></li>
<li class="box"><img src="../img/menu/portrait.jpg" id="5" /></li>
...
</ul>


Dans la page indiquée ci-dessus (chez Tool-man, donc), la sortie du nouveau tri se fait via un alert().

Losrque je change l'ordre de mes photos via javascript, l'ordre des id change, forcément. C'est cette info (le nouvel ordre) que j'aimerais récupérer dans un input type="hidden", pour pouvoir stocker le nouvel ordre dans ma bdd...

Seulement, voilà, je ne sais pas comment procéder, quelqu'un aurait une idée?
Administrateur
Bonjour,

en jQuery je ferais quelque chose comme

var liste = array();
$('#boxes li').each(function() {
ajouter un élément au tableau liste, dont la valeur sera $(this).attr('id');
});

et sinon je sais pas faire, noob oblige Smiley smile
Comme Felipe, tu construis un tableau, ou directement une chaine json (tu peux sauter le remplissage d'un input hidden) que tu envoies sur ton serveur par un post js.
Sinon tu remplis ton input que tu envoies comme n'importe quel formulaire.