Dksdragdrop : une bibliothèque de drag and drop et de gestion de souris

Soyez le premier à donner votre avis sur cette source.

Vue 10 307 fois - Téléchargée 819 fois

Description

Il s'agit d'une petite bibliothèque dont je me sers dans plusieurs projets qui permet de gérer les déplacement de div sur un page.

Elle permet de définir quels div peuvent être déplacés, la couleur et la largeur de la bordure lors du déplacement, et les fonctions de drag (début de drag, drag, fin de drag) qui vont par pair : la fonction de début qui doit retourner vrai si le drag doit être fait, sinon false.
Elle permet de gérer le click et le double-click sur les div qu'on lui passe en paramètre, avec là aussi les deux fonctions : début et fin du click ou double-click.
Elle permet de gérer les boutons permettant de déplacer les éléments : par défaut, tous, mais vous pouvez lui spécifier lequel vous voulez utiliser (attention aux incompatibilité firefox/IE !)
Elle permet de définir si vous voulez que l'élément déplacé soit affiché devant les autres ou pas.

J'ai mis en zip un exemple concret avec 4 div : 2 qui sont déplacable, l'une qui ne l'ai pas car non envoyée à la librairie (et donc, il n'y a pas de gestion de profondeur de la div) et une autre qui n'est pas déplacable, mais gérée par la bibliothèque (il y a donc prise en compte de la position sur Z de la div pour le déplacement des autres div).

Pour un exemple plus pratique, voir ma source de freecell par exemple.

Source / Exemple :


// voir le zip

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

coucou747
Messages postés
12336
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
27 -
pour tes className.prototype.fonctionName=function(){...} tu devrais les mettre en dehors du constructeur, et mettre ca pour chaque fonction
XtremDuke
Messages postés
631
Date d'inscription
samedi 28 septembre 2002
Statut
Membre
Dernière intervention
18 mai 2009
3 -
Très sympatique car très efficace :)
rambc
Messages postés
224
Date d'inscription
mercredi 21 avril 2004
Statut
Membre
Dernière intervention
29 mars 2009
-
Pas mal, mais il manque peut être quelque chose d'intéressant. Un clic gauche permettrait de passer par dessus tout et un clic droit de garder les z-index. Qu'en penses-tu DARKSIDIOUS ?
cs_DARKSIDIOUS
Messages postés
15838
Date d'inscription
jeudi 8 août 2002
Statut
Modérateur
Dernière intervention
4 mars 2013
82 -
Merci à tous !

coucou747 : va vraiment falloir que je me renseigne sur les namespace avant :p

rambc : pourquoi pas ! J'intégrerais cà dans la prochaine version.
PetoleTeam
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
10 -
Bonjour à tous
2 petits points rapidement
- un cursor de type move serait le bien venu
- cela ne marche plus si l'on scroll la page

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.