Catégories
JavaScript jQuery

Require.js

Qu’est ce que c’est ? Un outil (bibliothèque) qui nous permet en javascript d’écrire du code « modularisé », de gérer les dépendances entre nos différents modules et de les charger de manières asynchrone. A quoi ca sert ? Ça sert à ne plus avoir un paquet de balises <script> dans nos fichiers HTML qui référencent des […]

Catégories
jQuery Productivité

JQuery must have tools

Listes et dropdown lists chosen: plugin jQuery permettant de créer des dropdown lists perfectionnées comme des multipleSelect. bootstrap-select: possiblité de créer des dropdown lists avec groupage, champs de saisie, validation etc. Très très complet, voir les nombreux exemples. Dépend de jQuery et Bootstrap. fuzzy: permet de filtrer un ensemble de données en mode Fuzzy Search […]

Catégories
jQuery

jQuery tutoriel 4 – les événements (jQuery events)

Si nous sommes attirés et utilisons jQuery, c’est essentiellement pour ajouter un « comportement » à nos pages web, c’est à dire que nous souhaitons que des événements (click de souris, frappe de touche de clavier,etc.) sur des éléments de notre page, puissent engendrer des actions (apparition d’un <div>, ajout d’une class CSS, animation d’un élément etc.) sur cette même page, […]

Catégories
jQuery

jQuery tutoriel 3 – sélection dans un « contexte »

Il est possible en jQuery de « cibler » sa sélection d’éléments (un peu comme avec la fonction .find()) en exploitant le 2ème paramètre (optionnel) qui est le contexte: jQuery(selector, [context]) Cela permet d’effectuer une sélection à partir de ce contexte et non plus à partir du document entier. ex: jQuery(‘ul’,$(‘div’)) permet de sélectionner les éléments <ul> contenus […]

Catégories
jQuery

jQuery tutoriel 2 – les sélecteurs

jQuery permets d’interagir avec les éléments de notre page HTML (cacher, ajouter une classe, modifier le texte…) en suivant le process suivant: sélectionner un ou plusieurs éléments de la page (la balise HTML, classe CSS, ou encore la balise contenant un attribut donné) grâce à un sélecteur (syntaxe de sélection de CSS) appliquer une méthode sur cet […]

Catégories
jQuery

jQuery tutoriel 1 – référencer le fichier .js

Pour utiliser la technologie jQuery dans votre code, étant une technologie cliente (comme indiquée ici), il vous faut référencer la bibliothèque jQuery-version.js dans votre page HTML. 2 versions disponibles de jQuery: Comme vous l’avez remarqué, il existe 2 versions du fichier téléchargeable sur jQuery.com. Il s’agit tout simplement d’une version « lisible », dite de développement, avec […]

Catégories
jQuery Productivité

jQuery qu’est ce que c’est ? (introduction)

jQuery est une technologie coté client très en vogue et il y a plusieurs raisons à cela, mais tout d’abord définissons ce qu’est jQuery: jQuery est une surcouche de JavaScript, permettant de faciliter la manipulation des éléments de notre page en fournissant une syntaxe simple à comprendre/utiliser et de nombreuses fonctions disponibles. Les avantages de […]