JQuery UI

JQuery UI
Description de l'image JQuery UI Logo.png.

Informations
Développé par
  • Paul Bakaus
  • Scott González
  • Jörn Zaefferer
  • Felix Nagel
  • Mike Sherov
  • Rafael Xavier de Souza[1]
Première version Voir et modifier les données sur Wikidata
Dernière version 1.14.1 ()[2],[3],[4],[5]Voir et modifier les données sur Wikidata
Version avancée 1.14.0-beta.2 ()[6]Voir et modifier les données sur Wikidata
Dépôt github.com/jquery/jquery-uiVoir et modifier les données sur Wikidata
État du projet Actif
Écrit en JavaScriptVoir et modifier les données sur Wikidata
Système d'exploitation MultiplateformeVoir et modifier les données sur Wikidata
Type Plugin
Licence MIT License[7]
Site web jqueryui.com

modifier - modifier le code - voir Wikidata (aide)

jQuery UI est une collection de widgets, effets visuels et thèmes implémentés avec jQuery, des feuilles de style en cascade, et du HTML[8].

Selon Libscore (en), un service d'analyses JavaScript, jQuery UI est utilisé sur plus de 197 000 sites dans le premier million, ce qui en fait la bibliothèque JavaScript la plus populaire[9]. Parmi ses utilisateurs les plus notables, on trouve Pinterest, PayPal, IMDb, The Huffington Post, et Netflix[10].

Fonctionnalités

[modifier | modifier le code]

Interactions

[modifier | modifier le code]

Glisser-déposer, redimensionnement, sélection, et classement.

Widgets

[modifier | modifier le code]

Tous les widgets jQuery UI sont thémables[11].

  • Accordion – container en accordéon.
  • Autocomplete – boite d’auto-complétion basée sur les entrées de l'utilisateur.
  • Button – apparence des boutons améliorée, transforme les boutons radio et cases à cocher en boutons poussoirs.
  • Datepicker – sélecteur de date avancé.
  • Dialog – boite de dialogue.
  • Menu – affichage d'un menu.
  • Progressbar – bar de progression animables.
  • Selectmenu – duplication d'un élément HTML.
  • Slider – diapositive.
  • Spinner – bouton fléché.
  • Tabs – onglet.
  • Tooltip – infobulle.

Effets

[modifier | modifier le code]
  • Color Animation – animation de la transition d'une couleur à une autre.
  • Toggle Class, Add Class, Remove Class, Switch Class – animation de la transition d'un style à une autre.
  • Effect – variété d'effets (apparition, diapositive, explosion, fondu, etc.)
  • Toggle – activation ou désactivation des effets.
  • Hide, Show - affichage ou masquage des effets.

Utilitaires

[modifier | modifier le code]
  • Position – définit la position d'un élément relativement à un autre (alignement).
  • Widget Factory – création de plugins jQuery plugins sur la bases des widgets jQuery UI.

Exemple

[modifier | modifier le code]
<script type="text/javascript">
	// Rend l'élément de id "draggable" glissable
	$(function () {
		$("#draggable").draggable();
	});
</script>

<div id="draggable">
  <p>Drag me around</p>
</div>

Historique

[modifier | modifier le code]
Release date[12] Version number jQuery Dependency Additional notes
[13] 1.2.1+ Version initiale[13]
1.5
1.6 1.2.6+ Compatibilité jQuery 1.2.6.
1.7 1.3.2+
1.8 1.3.2+
1.8.9 1.3.2+
1.8.10 1.3.2+
1.8.11 1.3.2+
1.8.12 1.3.2+
1.8.13 1.3.2+
1.8.14 1.3.2+
1er aout 2011 1.8.15 1.3.2+
15 aout 2011 1.8.16 1.3.2+
1.8.17 1.3.2+
Feb 20, 2012 1.8.18 1.3.2+
Apr 16, 2012 1.8.19 1.3.2+
Apr 30, 2012 1.8.20 1.3.2+
Jun 5, 2012 1.8.21 1.3.2+
Jul 24, 2012 1.8.22 1.3.2+
15 aout 2012 1.8.23 1.3.2+
Sep 28, 2012 1.8.24 1.3.2+
Oct 8, 2012 1.9.0 1.6+
Oct 25, 2012 1.9.1 1.6+
Nov 23, 2012 1.9.2 1.6+
Jan 17, 2013 1.10.0 1.6+ Abandon du support pour IE6[14]
Feb 15, 2013 1.10.1 1.6+
Mar 14, 2013 1.10.2 1.6+
May 3, 2013 1.10.3 1.6+
Jan 17, 2014 1.10.4 1.6+
Apr 25, 2014 1.11.0-beta.1 1.6+ Abandon du support pour IE7[15]
May 23, 2014 1.11.0-beta.2 1.6+
Jun 26, 2014 1.11.0 1.6+
Aug 13, 2014 1.11.1 1.6+
Oct 16, 2014 1.11.2 1.6+
Feb 12, 2015 1.11.3 1.6+
Mar 11, 2015 1.11.4 1.6+
Jan 26, 2016 1.12.0-beta.1 1.7+ Abandon du support pour IE8, IE9, IE10[16]

Notes et références

[modifier | modifier le code]
  1. ↑ « jQuery UI Team », sur jqueryui.com, The jQuery Foundation (consulté le )
  2. ↑ « jQuery UI 1.14.1 released », (consulté le )
  3. ↑ « jQuery UI 1.14.1 released », (consulté le )
  4. ↑ npmjs (base de données en ligne), consulté le .Voir et modifier les données sur Wikidata
  5. ↑ « https://releases.jquery.com/resources/cdn.json » (consulté le )
  6. ↑ (en) Michał Gołębiowski-Owczarek, « jQuery UI 1.14.0-beta.2 released », (consulté le )
  7. ↑ « License », sur jQuery.com, The jQuery Foundation (consulté le )
  8. ↑ (en-US) Eric Sarrion, JQuery UI, Sebastopol, O'Reilly Media, , 1–4 p. (ISBN 978-1-4493-1699-0, OCLC 768796881, lire en ligne)
  9. ↑ « Libscore », sur libscore.com
  10. ↑ « Libscore », sur libscore.com
  11. ↑ « jQuery UI: ThemeRoller », jQuery UI (consulté le )
  12. ↑ « jQuery UI - Documentation: UIChangelog » (consulté le )
  13. ↑ a et b John Resig, « jQuery UI: Interactions and plug-ins », jQuery blog, (consulté le )
  14. ↑ jQuery UI 1.10.0, retrieved on Feb 15, 2013
  15. ↑ jQuery UI 1.11.0-beta.1, retrieved on May 1, 2014
  16. ↑ jQuery UI 1.12.0-beta.1, retrieved on Feb 5, 2016