22

Glisser-déposer (drag & drop)

Le glisser-déposer est une opération commune dans les pages web, qui consiste à déplacer un élément, au moyen de la souris, afin de le déposer sur un autre élément de la page. Par exemple, si on affiche des images représentant des articles à acheter, celles-ci peuvent être déplacées vers un panier qui symbolise l’ensemble des marchandises achetées.

jQuery UI permet de gérer ces opérations en distinguant l’opération de « glisser » (drag, en anglais, c’est-à-dire le déplacement d’un objet) et l’opération de « déposer » (drop, c’est-à-dire le dépôt de l’élément déplacé sur un autre). Pour cela, il offre les deux méthodes draggable () et droppable ().

La méthode draggable ()

La méthode draggable () sert à gérer ...

Get jQuery 1.7 et jQuery UI now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.