IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Bibliothèques & Frameworks Discussion :

Limiter le drop d'un draggable à un élément de la page [script.aculo.us]


Sujet :

Bibliothèques & Frameworks

  1. #1
    Membre régulier Avatar de thibane
    Profil pro
    Inscrit en
    Février 2007
    Messages
    143
    Détails du profil
    Informations personnelles :
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Février 2007
    Messages : 143
    Points : 83
    Points
    83
    Par défaut Limiter le drop d'un draggable à un élément de la page
    Bonjour à tous,

    Me revoici avec mes sublimes questions Scriptaculousiennes...

    La question du jour porte sur des objets Draggable, c'est à dire qu'on a déclaré dans notre page avec new Draggable(blablabla).

    Autant avec les Sortable, il y avait un attribut "containment" qui permettait de limiter le déplacements des objets à des containers que l'on pouvait préciser.

    J'aimerai faire exactement la même chose avec des objets Draggable mais il n'y a pas d'attribut "containment".

    Quelqu'un a déjà rencontré ce problème ?

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 643
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 643
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    ben ajoutes le ???

  3. #3
    Membre régulier Avatar de thibane
    Profil pro
    Inscrit en
    Février 2007
    Messages
    143
    Détails du profil
    Informations personnelles :
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Février 2007
    Messages : 143
    Points : 83
    Points
    83
    Par défaut
    Euh... Tu veux dire quoi là? Que je fois modifier le code de Scriptaculous..?

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 643
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 643
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    suffit juste d'ajouter un test à savoir si sur le drop l'élément à un attrubut ...

  5. #5
    Membre régulier Avatar de thibane
    Profil pro
    Inscrit en
    Février 2007
    Messages
    143
    Détails du profil
    Informations personnelles :
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Février 2007
    Messages : 143
    Points : 83
    Points
    83
    Par défaut
    Autant pour moi, le problème que j'ai eu avec ça, c'est que la déclaration de mes draggables était mauvaise (je crois que je déclarais une fonction sur un endeffect qui posait problème) et du coup, quand je voulais déposer mon draggable, je pouvais le mettre partout.

    Donc la solution pour pouvoir déplacer un draggable SEULEMENT dans certains droppable, il suffit :
    • de mettre revert à true, histoire que le draggable reviennent tout le temps à sa position initiale
    • de détecter le draggable sur le onDrop du droppable et de faire une fonction pour ajouter l'élément au droppable.


    PS qui n'a rien à voir: je me suis rendu compte pendant ces tests que le "ghost:true" pose des problème sous IE, mieux vaut pour vous que vous n'ayez pas à garder un ghost de votre draggable, sous IE toujours...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [script.aculo.us] Draggable et élément onClick
    Par SONY30 dans le forum Bibliothèques & Frameworks
    Réponses: 0
    Dernier message: 09/01/2009, 10h07
  2. [drag drop] donner des propriétés à un élément ?
    Par Merfolk dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 21/12/2007, 14h28
  3. [Rico] Accès aux éléments de la page de manière bizarre
    Par dodik dans le forum Bibliothèques & Frameworks
    Réponses: 3
    Dernier message: 22/02/2006, 17h35
  4. Problème de positionnement d'éléments dans la page
    Par Rocket666 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 18/02/2006, 11h59
  5. [xslt] Limiter un for-each aux x premiers éléments
    Par camboui dans le forum XSL/XSLT/XPATH
    Réponses: 13
    Dernier message: 18/11/2005, 16h09

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo