Augmenter les possibilites de JQuery avec JQueryUI

Encore un article sur JQuery mais cette fois-ci pour présenter JQueryUI. J’en avais déjà entendu parler mais je n’avais jamais eu l’occasion de l’utiliser avant ce matin.

JQueryUI est un package permettant d’augmenter les possibilités de JQuery et qui regroupe plusieurs fonctionnalités que l’on peut trouver ailleurs avec des plugins.  Les fonctionnalités sont regroupées en trois catégories : Interactions, Widgets et Effects. Voici les listes de ces fonctionnalités :

Interactions :

  • Draggable permet de rendre déplaçable un élément
  • Droppable permet de savoir si un élément à été déplacé dans une zone
  • Resizable permet de rendre redimensionnable un élément
  • Selectable permet de rendre sélectionnable un élément (avec des sélections multiples à la souris et la gestion du CTRL)
  • Sortable permet de rendre triable un élément dans une liste

Widgets :

  • Accordion pour un effet d’accordéon (sur un menu par exemple)
  • Datepicker pour faire apparaître un calendrier pour choisir une date
  • Dialog pour des boîtes de dialogue personnalisées
  • Progressbar pour des barres de progression
  • Slider pour des effets de défilements entre plusieurs éléments
  • Tabs pour gérer de façon simple les onglets

Effects :

  • Divers effets d’apparition et de disparition (basés sur les fonctions JQuery show() et hide() ) et des effets de transitions sur des fonctions telles que addClass() et removeClass(). Les effets sont divers et variés (explosion, défilement+fondu…).

Tu n’es bien sûr pas obligé de télécharger tout le package, tu peux sélectionner juste ce dont tu as besoin pour pas surchager trop la page.

JQueryUI, étendre les possibilités de JQuery

Cette entrée a été publiée dans JQuery, avec comme mot(s)-clef(s) , . Vous pouvez la mettre en favoris avec ce permalien.

Une reponse a Augmenter les possibilités de JQuery avec JQueryUI

  1. Nawfel PICON dit :

    Hello, j’ai trouvé votre site intéressant via Google et je tenais à vous le dire.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>