11521 sujets

JavaScript, DOM et API Web HTML5

Gérer l'ordre des éléments + sauvegarde en live en bd

Bonjour à tous,

J'aimerais faire la même chose que ce qu'il y a sur ce lien : http://www.sebastienangot.fr/blog/de...se-de-donnees/

Mais seulement dans mon cas ça ne marche pas puisque je ne récupère pas mes blocs dans une boucle. Mes blocs n'ont pas la même structure html donc je suis obligé de récupérer dynamiquement chaque bloc avec sa propre requête. Ce qui cause à mon avis le problème de positionnement. Existe-il un moyen de le faire sans passer par la boucle ? Merci

Cdlt,
Re @mistiru,

Tu trouveras le lien ci-après :
http://www.sebastienangot.fr/blog/developpement/tutoriel-drag-and-drop-jquery-ajax-sauvegarde-en-base-de-donnees/

Mes éléments (divs) ci-dessous ont des structures différentes dans une template (page). Je souhaiterais gérer leur ordre c-à-d les déplacer (ré-organiser) par glisser-déposer et ensuite sauvegarder en live en base de données comme dans le tutoriel (lien ci-dessus).
Les différences avec l'exemple du tutoriel sont : moi j'ai des blocs (div) au lieu des listes (li) et dans le tutoriel c'est une boucle pour afficher les puces comme il s'agit des mêmes éléments. Dans mon cas les divs n'ont pas les mêmes éléments donc je ne peux pas faire de boucle, d’où la récupération individuel des divs. Hors pour avoir de l'ordre il faut qu'il y ait une boucle. Existe-il de solutions sans boucle ? Merci

Voici la structure de mes éléments :

// Structure de la table `order`
CREATE TABLE IF NOT EXISTS `order` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `titre` varchar(255) NOT NULL,
  `description` text NOT NULL,
  `image` varchar(255) NOT NULL,
  `lien` varchar(255) NOT NULL,
  `position` int(11) NOT NULL,
  PRIMARY KEY (`newsletter_id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=4 ;



<div id="<?=$row['id'];?>">
  <h4><?=$row['titre'];?></h4>
  <p><img src="<?=$row['image'];?>"></p>
  <p><?=$row['description'];?></p>
  <p><a href="#"><?= $row['lien']; ?></a></p>
</div>
<div id="<?=$row['id'];?>">
  <h4><?=$row['titre'];?></h4>
  <p><?=$row['description'];?></p>
  <p><a href="#"><?= $row['lien']; ?></a></p>
</div>
<div id="<?=$row['id'];?>">
  <h4><?=$row['titre'];?></h4>
  <p><?=$row['description'];?></p>
</div>
<div id="<?=$row['id'];?>">
  <p><img src="<?=$row['image'];?>"></p>
  <p><a href="#"><?= $row['lien']; ?></a></p>
</div>


Cdlt,
Modifié par dinolam (03 Aug 2017 - 10:43)
Sujet clos
Aller à