jQuery Gestures, prendre le contrôle de votre page web avec vos mouvements

Publié le 23 décembre 2008 par Dator

Sous ce titre optimiste ce cache un nouveau plugin écrit sur la base de jQuery. Avec jQuery Gestures nous pouvons définir certain événement déclenché avec la souris et leur affecter des actions.

Par exemple, pour savoir si la souris va vers le haut :

//Initialisation du plugin et de la couleur du tracé
$.gestures.init({active:false,color:'#ff0000'});

// Enregistrement d'un nouveau gest (haut)
$.gestures.register('U', function() {
  alert('En haut !');
 });

Simple non?

Allez un peu plus dure maintenant :

// Haut Bas Droite Gauche
$.gestures.register('DLUR', function() {
  alert('Un rectangle !!');
  });

Enfaite, les mouvements sont déjà définis dans le plugin mais vous pouvez re-définir les actions quand ces mouvements sont executés.

Vous pouvez voir une démonstration sur cette page.


Article original écrit par Dator et publié sur Dator.fr, le 2008. | Lien direct vers cet article | © Dator.fr - 2008
Mot clés: Javascript, jQuery, Plugin, Plugins