Visualisation d'une page Webjax
Draggable (class)
Si vous suivez la présentation de Scriptaculous dans l'ordre, vous avez déjà pu prendre connaissance
de l'objet Draggables () qui se pose en base du concept de 'Drag&Drop' ou 'Glisser&Déposer'.
Cette page présente l'objet Draggable() par lequel il est possible de rendre des éléments DOM
déplaçables.
Le tableau ci après présente les méthodes de cet objet afin de vous donner une idée de sa
consistance et de sa struture.
Méthode
Type
Argument(s)
Détails
initialize (element)
Function
element : élément DOM à rendre déplaçable
Méthode lancée lors de l'appel de Draggable() .
destroy ()
Function
aucun argument.
Méthode permettant de désenregistrer l'évémenent 'MouseDown'
sur l'objet courant Draggable() .
currentDelta ()
Function
aucun argument.
Méthode permettant de récupérer un tableau contenant les propriétés CSS
'top' et 'left' de l'élément Draggable() en cours.
initDrag (event)
Function
event : objet Event
Méthode permettant d'initialiser un Drag ou 'glissement'.
startDrag (event)
Function
event : objet Event
Méthode permettant de démarrer le Drag ou 'glissement'.
updateDrag (event , pointer)
Function
event : objet Event
pointer : Array (10/01/2007 : à compléter)
Méthode permettant de mettre à jour les propriétés d'un Drag ou 'glissement'.
finishDrag (event , success )
Function
event : objet Event
success : Boolean
Méthode permettant de terminer un Drag ou 'glissement'.
keyPress (event)
Function
event : objet Event
Méthode permettant de travailler suite à une pression de touche du clavier.
Cette méthode détermine si la touche tappée est la touche de code "KEY_ESC".
endDrag (event)
Function
event : objet Event
draw (point)
Function
point :
stopScrolling ()
Function
aucun argument.
startScrolling (speed)
Function
speed :
Méthode qui permet de marquer un nouveau Scroll.
scroll ()
Function
aucun argument.
_getWindowScroll (w)
function
w :
Méthode permettant de récupérer un objet contenant 4 propriétés de dimensions.
L'étude poussée de ce tableau de méthodes, puis du fichier "drag&drop.js" peut vous permettre d'aller
bien plus loin, d'adapter ce fonctionnement, cette structure de base.
Néanmoins, vous pouvez aussi utiliser de façon très simple cet objet Draggable() afin de disposer tranquillement
et en toute sérénité des éléments DOM déplaçables dans vos interfaces.
On touche avec ce point à l'un des grands avantages de Scriptaculous, à savoir sa forte fonctionnalité qui dans le
même temps n'exprime pas forcément sa compléxité dans les méthodes d'utilisation.
Vous pouvez consulter la page Draggable () pour prendre connaissance des exemples d'utilisation proposés par Webjax
sur cet objet.
Cette page présente l'objet Draggable() par lequel il est possible de rendre des éléments DOM déplaçables.
Le tableau ci après présente les méthodes de cet objet afin de vous donner une idée de sa consistance et de sa struture.
| Méthode | Type | Argument(s) | Détails |
| initialize (element) | Function | element : élément DOM à rendre déplaçable | Méthode lancée lors de l'appel de Draggable() . |
| destroy () | Function | aucun argument. | Méthode permettant de désenregistrer l'évémenent 'MouseDown' sur l'objet courant Draggable() . |
| currentDelta () | Function | aucun argument. | Méthode permettant de récupérer un tableau contenant les propriétés CSS 'top' et 'left' de l'élément Draggable() en cours. |
| initDrag (event) | Function | event : objet Event | Méthode permettant d'initialiser un Drag ou 'glissement'. |
| startDrag (event) | Function | event : objet Event | Méthode permettant de démarrer le Drag ou 'glissement'. |
| updateDrag (event , pointer) | Function |
event : objet Event
pointer : Array (10/01/2007 : à compléter) |
Méthode permettant de mettre à jour les propriétés d'un Drag ou 'glissement'. |
| finishDrag (event , success ) | Function |
event : objet Event
success : Boolean |
Méthode permettant de terminer un Drag ou 'glissement'. |
| keyPress (event) | Function | event : objet Event |
Méthode permettant de travailler suite à une pression de touche du clavier.
Cette méthode détermine si la touche tappée est la touche de code "KEY_ESC". |
| endDrag (event) | Function | event : objet Event | |
| draw (point) | Function | point : | |
| stopScrolling () | Function | aucun argument. | |
| startScrolling (speed) | Function | speed : | Méthode qui permet de marquer un nouveau Scroll. |
| scroll () | Function | aucun argument. | |
| _getWindowScroll (w) | function | w : | Méthode permettant de récupérer un objet contenant 4 propriétés de dimensions. |
L'étude poussée de ce tableau de méthodes, puis du fichier "drag&drop.js" peut vous permettre d'aller bien plus loin, d'adapter ce fonctionnement, cette structure de base.
Néanmoins, vous pouvez aussi utiliser de façon très simple cet objet Draggable() afin de disposer tranquillement et en toute sérénité des éléments DOM déplaçables dans vos interfaces.
On touche avec ce point à l'un des grands avantages de Scriptaculous, à savoir sa forte fonctionnalité qui dans le même temps n'exprime pas forcément sa compléxité dans les méthodes d'utilisation.
Vous pouvez consulter la page Draggable () pour prendre connaissance des exemples d'utilisation proposés par Webjax sur cet objet.
: 10/01/2007 19:03:58 | 
: Scriptaculous, Scriptaculous.js, web2.0, Drag&Drop, draganddrop, Draggable, glisser, déposer, glisserdéposer, 
