begin process at 2008 05 16 04:41:48
1 173 215 membres
57 nouveaux aujourd'hui
13 970 membres club

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum.
Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

DKSDRAGDROP : UNE BIBLIOTHÈQUE DE DRAG AND DROP ET DE GESTION DE SOURIS


Information sur la source

Catégorie :Trucs & Astuces Classé sous : drag, drop, dragdrop, déplacer, déplacement Niveau : Débutant Date de création : 02/03/2008 Date de mise à jour : 08/03/2008 11:53:17 Vu / téléchargé: 2 851 / 222

Note :
Aucune note

Commentaire sur cette source (8)
Ajouter un commentaire et/ou une note


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.
Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

08 mars 2008 11:48:53 :
Prise en compte des remarques effectuées : gestion du bouton de la souris, gestion du zIndex, ajout de l'icône de déplacement, et refactoring total de tout le code !
08 mars 2008 11:53:17 :
Je m'étais planté dans le zip
  • signaler à un administrateur
    Commentaire de coucou747 le 02/03/2008 21:19:24

    pour tes className.prototype.fonctionName=function(){...} tu devrais les mettre en dehors du constructeur, et mettre ca pour chaque fonction

  • signaler à un administrateur
    Commentaire de XtremDuke le 03/03/2008 09:50:04

    Très sympatique car très efficace :)

  • signaler à un administrateur
    Commentaire de rambc le 03/03/2008 16:16:53

    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 ?

  • signaler à un administrateur
    Commentaire de DARKSIDIOUS le 03/03/2008 19:28:52 administrateur CS

    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.

  • signaler à un administrateur
    Commentaire de PetoleTeam le 04/03/2008 22:06:28

    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

  • signaler à un administrateur
    Commentaire de DARKSIDIOUS le 08/03/2008 11:51:55 administrateur CS

    Voilà, la source est mise à jour en prenant en compte les remarques formulées :
    Gestion du bouton de la souris (possibilité de déplacer qu'avec un seul bouton) et la gestion du zIndex : voulez-vous que l'élément déplacé se place devant les autres ou non.

    J'ai également rajouté la possibilité de définir le curseur lors du mouseover sur les éléments.
    Et correction du problème pour le scroll de la page.

    Par contre, coucou747, j'ai pas réussi à utilise les prototype en plus des namespaces :( Si quelqu'un sait comment faire, je suis preneur !

  • signaler à un administrateur
    Commentaire de bultez le 11/03/2008 14:40:55

    très intéressant.
    semble ne plus fonctionner, sous FF, avec la dernière version ?
    Erreur : e has no properties
    Fichier source : file: dksDragDrop.js, Ligne : 227
    me trompe-je ?    ha la gestion de event...

  • signaler à un administrateur
    Commentaire de DARKSIDIOUS le 11/03/2008 19:23:39 administrateur CS

    tiens ? bizarre cà ! J'ai pas le temps de regarder cà ce soir, mais je vais m'en préoccuper ! Pourtant je test sous ff 2.0.12 comme sous ie 7 !

    Merci pour ta remontée d'info bultez ;)

Ajouter un commentaire

Appels d'offres

Pub



Snippets en rapport

CalendriCode

Mai 2008
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Téléchargements

Logiciels à télécharger sur le même thème :

Boutique

Boutique de goodies CodeS-SourceS