Paramètres : Draggable(element HTML | id, {options})
Rôle : Permet de cliquer-déplacer-deposer un element HTML
Retourne : objet draggable
Note :
Options handle:element|'id_de_l_element' Spécifie une poignée de déplacement à l'élément ??? revert:true|false|fonction Spécifie si l'élément doit revenir à sa place après le déplacement. snap:false|[x,y] Spécifie une grille de x pixels sur y sur laquelle se colleras l'élément lors d'un déplacement. zindex:1000 (entier) Spécifie la position sur l'axe Z. constraint:'horizontal'|'vertical' Restreint le déplacement de l'élément à l'axe X ou Y. ghosting:false|true Déplace un clone l'élément lors du déplacement afin de laisser l'original à sa place. starteffect:fonction(element) Spécifie la fonction à effectuer lors du début du déplacement. reverteffect:fonction(element) Spécifie la fonction à effectuer lors du retour de l'élément. endeffect:fonction(element) Spécifie la fonction à effectuer à la fin du déplacement. Callback : change:fonction(Draggable) Fonction appelée lors du déplacement du Draggable.Exemple 1 | Exemple 2 | Exemple 3 | Exemple 4 | Exemple 5
Cliquez sur "Tester" et cliquez-déplacer-déposer le calque :
function tester()
{
new Draggable('div_1');
}
2012 © Développeur web