Drag'n'Drop

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Drag'n'Drop

Re: Drag'n'Drop

par arthur77 » 08 avr. 2012, 20:13

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

Re: Drag'n'Drop

par AB » 08 avr. 2012, 17:49

Re: Drag'n'Drop

par arthur77 » 07 avr. 2012, 22:30

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 ?

Re: Drag'n'Drop

par AB » 07 avr. 2012, 17:37

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

Drag'n'Drop

par arthur77 » 07 avr. 2012, 17:00

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 ! :)