Forum d'entraide PHPFrance

Bonjour !

(Je poste ici mais mon sujet concerne aussi le php et le mysql, mais la partie dont j'ai besoin relève, je pense, du JS)

Je souhaiterais créer un systeme de "drag and drop", où l'utilisateur pourrait intervenir sur la base d'une grille prédéfinie (par exemple 5 sur 10). Il pourrait y créer des "blocs" de taille, de type et de contenu différents, les déplacés sur la grille et les supprimés. Les blocs, leur position et leurs contenu seraient sauvegardés en BDD pour chaque utilisateur.
Or, je ne sais absolument pas comment faire ça, et je ne connais pas assez le JS.. J'ai chercher sur internet, mais la plupart des petits éléments que je trouve utilisent la nouvelles fonctionalités de Drag n Drop de HTML5, qui n'est pas supporté par Opéra et Safari (pour l'instant) ce qui est tout de même embarassant..

Voila si quelqu'un pourrait m'aider ça serait très sympa, merci !

Tu peux utiliser jquery et plus particulièrement jqueryUI cela te fournira un code compatible avec les anciens navigateurs...

Merci !

Grace à la docs et à des tuto je pense que je pourrais commencer à m'en sortir, mais je bloque encore sur le fait que mes blocs doivent être aligner sur une grille! Les drags se positionnent là où la souris est relachée, mais je voudrais imposer une certaine grille définie. Une idée une piste ?

Regardes ce lien http://jqueryui.com/demos/draggable/#snap-to

Ah oui super!

Et question enregistrement de la position de chaque bloc en BDD, et creation/suppression de blocs?
J'ai trouver déjà ça :
ui.position - current position of the helper as { top, left } object, relative to the offset element
ui.offset - current absolute position of the helper as { top, left } object, relative to page