jQuery 1.7 et jQuery UI

Book description

Présentation
Améliorer ses développements web avec jQuery, la bibliothèque JavaScript simple et efficace !

Dernier né des frameworks Javascript, jQuery a immédiatement séduit les développeurs web. Simple, efficace, complet, il permet de créer et manipuler des pages HTML/CSS dynamiques, sans forcément maîtriser la syntaxe compliquée du langage JavaScript. Associé au module jQuery UI, pour ajouter des effets graphiques avancées (glisser-déposer, menus en accordéon, autocomplétion...), jQuery offre un moyen aisé d'enrichir ses sites web par une interaction très complète avec les besoins des utilisateurs.

Complétée et mise à jour pour jQuery 1.7, la 2e édition de cet ouvrage présente méthodiquement chacune des différentes fonctions, suivies d'indispensables exemples d'utilisation. Elle permet ainsi, au débutant comme au développeur plus expérimenté, de comprendre en profondeur et de maîtriser le fonctionnement de jQuery et de jQuery UI, afin d'améliorer facilement mais sûrement, l'interface utilisateur de leurs sites web.

A qui s'adresse cet ouvrage ?
  • Aux étudiants en informatique de tous niveaux et à leurs enseignants ;
  • Aux développeurs et intégrateurs HTML/CSS et JavaScript ;
  • Aux autodidactes et développeurs en herbe qui souhaitent obtenir rapidement des résultats dignes d'un professionnel.
Au sommaire
  • Les bases de jQuery
    • Philosophie et principes de base
    • Méthodes utilitaires
    • Sélecteurs
    • Accès au DOM
    • Manipuler le DOM
    • Gestion des événements
    • Requêtes serveur avec Ajax
    • Produire des effets visuels
    • Créer un plug-in jQuery
    • Objets Deferred
    • Objets Callbacks
    • Exemples d'application utilisant jQuery, Ajax et PHP
  • jQuery UI : pour des fonctionnalités graphiques avancées
    • Onglets
    • Menus en accordéon
    • Boîtes de dialogues
    • Boutons
    • Barres de progression
    • Sliders
    • Calendriers
    • Autocomplétion
    • Glisser-déposer (drag &drop)
    • Sélection multiple
    • Permutation d'éléments dans la page
    • Redimensionnement
    • Effets visuels dans jQuery UI
  • Index

Table of contents

  1. Couverture
  2. Le résumé et la biographie auteur
  3. Page de titre
  4. Copyright
  5. Table des matières
  6. Avant-propos
  7. Première partie: Les bases de jQuery
    1. Chapitre 1: Philosophie et principes de base
      1. Installation de jQuery
      2. L’objet jQuery
      3. $ comme raccourci
      4. Chaînage des méthodes
      5. Propriétés et méthodes de l’objet jQuery
      6. Propriétés et méthodes de l’objet retourné par jQuery ()
      7. Quelques vérifications
      8. Philosophie générale de jQuery
        1. Distinguer l’objet jQuery et la fonction jQuery ()
        2. La fonction jQuery () et ses méthodes
      9. Et maintenant ?
    2. Chapitre 2: Méthodes utilitaires
      1. Manipulation d’objets
        1. Objets en JavaScript
        2. Méthodes disponibles dans jQuery
          1. $.each () : parcours des propriétés d’un objet
          2. $.extend () : ajouter des propriétés à un objet
          3. Méthodes booléennes
      2. Manipulation de tableaux
        1. Tableaux en JavaScript
        2. Méthodes disponibles dans jQuery
          1. $.each () : parcours des éléments d’un tableau
          2. $.grep () : trier un tableau
          3. $.map () : créer un nouveau tableau
          4. $.merge () : concaténer deux tableaux
      3. Manipulation de chaînes de caractères
        1. Chaînes de caractères en JavaScript
        2. Méthodes disponibles dans jQuery
          1. $.each () : parcours des caractères dans une chaîne
          2. $.trim () : éliminer les espaces en début et en fin de chaîne …
          3. $.param () : sérialiser les valeurs contenues dans un objet
      4. Autres propriétés et méthodes
        1. $.browser : récupérer le navigateur utilisé
        2. $.noConflict () : éviter les conflits entre jQuery et d’autres bibliothèques JavaScript
        3. $.fn.jquery : récupérer la version de jQuery utilisée
    3. Chapitre 3: Sélecteurs
      1. De l’importance des sélecteurs
      2. Les différents types de sélecteurs
        1. Sélecteurs simples
        2. Sélecteurs d’attributs
        3. Sélecteurs de classe
        4. Sélecteurs d’identifiant
      3. Les pseudo-classes
        1. Pseudo-classes générales
          1. :first-child
          2. :last-child
          3. :nth-child(an+b)
          4. :only-child
          5. :not
          6. :empty
          7. :eq(n)
          8. :gt(n)
          9. :lt(n)
          10. :first
          11. :last
          12. :even
          13. :odd
          14. :parent
          15. :contains(text)
          16. :has(selector)
          17. :hidden
          18. :visible
          19. :header
          20. :animated
        2. Pseudo-classes liées aux formulaires
      4. Les combinateurs
        1. Combinateur de descendance
        2. Combinateur filial
        3. Combinateur d’adjacence directe
        4. Combinateur d’adjacence indirecte
      5. Les sélecteurs multiples
      6. Exemples utilisant les sélecteurs
    4. Chapitre 4: Accéder au DOM
      1. Document Object Model : rappels JavaScript
        1. Éléments et attributs
        2. DOM (Document Object Model)
        3. Création dynamique d’éléments HTML et texte
        4. Méthodes d’insertion dans la page
        5. Accès direct aux éléments de la page
        6. Propriétés principales
        7. Exemple : création dynamique dans la page
      2. Les différentes formes de la fonction jQuery ()
        1. $(selector, context)
        2. $(element)
        3. $(elements)
        4. $(jQueryObject)
        5. $(html)
      3. Les méthodes d’accès au DOM
        1. Supprimer des éléments dans la liste
          1. Exemples d’utilisation des méthodes
            1. filter (selector)
            2. filter (callback)
            3. not (elements)
            4. has (selector)
            5. slice (startIndex, endIndex)
      4. Ajouter des éléments dans la liste
        1. Exemple d’utilisation : add (selector, context)
      5. Remplacer les éléments de la liste
        1. Exemples d’utilisation des méthodes
          1. find (selector)
          2. parents (selector)
          3. parentsUntil (selector)
          4. parent (selector)
          5. closest (selector, context)
          6. offsetParent ()
          7. siblings (selector)
          8. prev (selector)
          9. prevUntil (selector)
      6. Autres méthodes
        1. Exemples d’utilisation des méthodes
          1. end ()
          2. andSelf ()
          3. map (callback)
    5. Chapitre 5: Manipuler le DOM
      1. Parcourir les éléments de la collection
        1. La méthode each (callback)
        2. La propriété length
        3. Accès à un élément particulier de la collection
      2. Gérer les attributs et propriétés
        1. Méthodes gérant les attributs
          1. attr (name)
          2. attr (name, value)
          3. attr (obj)
          4. attr (name, callback)
        2. Méthodes gérant les propriétés
          1. data (key, value)
          2. data (obj)
          3. data (key)
          4. data ()
      3. Gérer les classes CSS
        1. Les méthodes addClass ()
          1. addClass (name)
          2. addClass (callback)
        2. Les méthodes removeClass ()
          1. removeClass ()
          2. removeClass (name)
          3. removeClass (callback)
        3. Les méthodes toggleClass ()
          1. toggleClass (name)
          2. toggleClass (name, addOrRemove)
          3. toggleClass (callback)
          4. toggleClass (callback, addOrRemove)
        4. La méthode hasClass (name)
      4. Gérer les styles
        1. La méthode css (name)
        2. La méthode css (name, value)
        3. La méthode css (obj)
        4. La méthode css (name, callback)
      5. Gérer les dimensions
        1. Définition des termes utilisés
          1. Hauteur
          2. Largeur
        2. Méthodes pour gérer la hauteur
          1. height ()
          2. height (value)
          3. innerHeight () et outerHeight ()
        3. Méthodes pour gérer la largeur
        4. Gérer la position
          1. offset (coords)
          2. position ()
        5. Gérer le contenu
          1. Méthodes gérant le contenu sous forme HTML
            1. html ()
            2. html (html)
            3. html (callback)
          2. Méthodes gérant le contenu sous forme texte
            1. text ()
            2. text (text)
            3. text (callback)
          3. Gérer l’attribut value des éléments de formulaires
            1. val ()
            2. val (value)
            3. val (callback)
          4. Gérer l’attribut checked des éléments de formulaire
        6. Méthodes d’insertion dans le DOM
          1. Insérer un contenu en début de liste : prepend () et prependTo ()
            1. prepend (html)
            2. prepend (element)
            3. prepend (jQueryObject)
            4. prepend (callback)
            5. prependTo (element)
            6. prependTo (jQueryObject)
            7. prependTo (selector)
          2. Insérer un contenu en fin de liste : append () et appendTo ()
            1. append (html)
            2. append (element)
            3. append (jQueryObject)
            4. append (callback)
            5. appendTo (element)
            6. appendTo (jQueryObject)
            7. appendTo (selector)
          3. Insérer un contenu avant l’élément : before () et insertBefore ()
            1. before (html)
            2. before (element)
            3. before (jQueryObject)
            4. before (callback)
            5. insertBefore (element)
            6. insertBefore (jQueryObject)
            7. insertBefore (selector)
          4. Insérer du contenu après l’élément : after () et insertAfter ()
            1. after (html)
            2. after (element)
            3. after (jQueryObject)
            4. after (callback)
            5. insertAfter (element)
            6. insertAfter (jQueryObject)
            7. insertAfter (selector)
          5. Insérer autour de l’élément : wrap () et wrapAll ()
            1. wrap (html)
            2. wrap (element)
            3. wrap (jQueryObject)
            4. wrap (selector)
            5. wrap (callback)
            6. wrapAll (html)
            7. wrapAll (element)
            8. wrapAll (jQueryObject)
            9. wrapAll (selector)
            10. wrapAll (callback)
          6. Insérer autour du contenu de l’élément : wrapInner ()
            1. wrapInner (html)
            2. wrapInner (element)
            3. wrapInner (jQueryObject)
            4. wrapInner (selector)
            5. wrapInner (callback)
          7. Remplacer l’élément par un autre : replaceWith ()
            1. replaceWith (html)
            2. replaceWith (element)
            3. replaceWith (jQueryObject)
            4. replaceWith (callback)
        7. Autres méthodes de gestion du DOM
    6. Chapitre 6: Gestion des événements
      1. La gestion des événements en JavaScript
      2. Uniformiser la gestion des événements avec la méthode bind (eventName, callback)
      3. Le paramètre event
        1. Propriétés et méthodes : aperçu général
        2. Propagation de l’événement
          1. Séquence de propagation
          2. Éléments impliqués dans la propagation
          3. Stopper la propagation de l’événement
        3. Propriétés du paramètre event
        4. Méthodes du paramètre event
      4. Transmettre d’autres paramètres à un événement avec bind ()
      5. Événements utilisables dans bind ()
        1. Événements standards
        2. Nouveaux événements
          1. Créer et déclencher un nouvel événement
          2. Transmettre des paramètres lors du déclenchement
        3. Exemples de gestion d’événements avec bind ()
          1. Déplacement d’un élément dans la page
          2. Affichage d’un menu
      6. Supprimer un gestionnaire d’événement avec unbind ()
      7. Utiliser des catégories dans les noms d’événements
      8. S’assurer de l’accessibilité des éléments HTML avec $(document).ready (callback)
      9. Autres méthodes de gestion d’événements
      10. Gestion avancée des événements avec jQuery 1.7
    7. Chapitre 7: Requêtes serveur avec Ajax
      1. Mise en place d’un serveur
        1. Installer un serveur avec PHP
        2. Installer un serveur avec Ruby on Rails
      2. Requêtes Ajax avec $.ajax (options)
        1. Options disponibles
          1. Configuration générale de la requête
          2. Fonctions de callback permettant un traitement
          3. Paramétrage du serveur
        2. Séquence d’appel des fonctions de callback
          1. Serveur fonctionnant avec PHP
          2. Serveur fonctionnant avec Ruby on Rails
        3. Traiter la réponse du serveur
          1. Récupérer et utiliser responseText
            1. Serveur en PHP
            2. Serveur avec Ruby on Rails
          2. Récupérer responseXML
            1. Serveur en PHP
            2. Serveur avec Ruby on Rails
          3. Utiliser responseXML
            1. Serveur en PHP
            2. Serveur avec Ruby on Rails
          4. responseText ou responseXML ?
          5. Utiliser JSON
        4. Transmettre des paramètres au serveur
          1. Serveur en PHP
          2. Serveur avec Ruby on Rails
      3. Mises à jour avec load (url, data, success)
      4. Événements Ajax
    8. Chapitre 8: Produire des effets visuels
      1. Effets visuels standards définis par jQuery
        1. Effets sur la hauteur : slideUp (), slideDown () et slideToggle ()
          1. Faire disparaître des éléments avec slideUp ()
          2. Faire apparaître des éléments avec slideDown ()
          3. Faire apparaître ou disparaître des éléments avec slideToggle ()
        2. Effets d’opacité : fadeIn (), fadeOut () et fadeTo ()
          1. Faire apparaître des éléments avec fadeIn ()
          2. Faire disparaître des éléments avec fadeOut ()
          3. Modifier progressivement l’opacité des éléments avec fadeTo ()
        3. Effets combinant hauteur et opacité : show (), hide () et toggle ()
          1. Faire apparaître des éléments avec show ()
          2. Faire disparaître des éléments avec hide ()
          3. Faire apparaître ou disparaître des éléments avec toggle ()
      2. Enchaînements d’effets standards
        1. Principe de fonctionnement
        2. Exemple d’utilisation : effet blink
      3. Créer ses propres effets visuels avec jQuery
        1. Créer ses propres effets avec animate ()
        2. Décrire le style final des éléments (paramètre objStyle)
          1. Utiliser des valeurs numériques
          2. Utiliser des valeurs relatives
        3. Paramétrer la progression dans l’effet avec easing
          1. Utiliser easing de manière globale
          2. Utiliser easing de manière locale
      4. Enchaînement d’effets avec animate ()
      5. Gérer la file d’attente des effets visuels
        1. Exécuter des effets simultanés sur les mêmes éléments HTML
        2. Arrêter l’exécution d’un effet avec stop ()
        3. Différer l’exécution d’un effet avec delay ()
    9. Chapitre 9: Créer un plug-in jQuery
      1. Que peut-on ajouter avec un plug-in ?
      2. Ajouter de nouvelles méthodes à l’objet jQuery
        1. Créer une seule méthode sur l’objet jQuery
        2. Créer plusieurs méthodes sur l’objet jQuery
      3. Ajouter de nouvelles méthodes aux objets de classe jQuery
        1. Créer de nouvelles méthodes sur les objets de classe jQuery
          1. Créer la méthode dans jQuery.fn
          2. Accéder aux éléments HTML dans la méthode
          3. Permettre le chaînage des méthodes
      4. Ajouter de nouvelles pseudo-classes
        1. Créer de nouvelles pseudo-classes
          1. Pseudo-classe sans paramètre
          2. Pseudo-classe avec paramètre
      5. Diffuser un plug-in
        1. Création du fichier du plug-in
        2. Et si jQuery ou $ n’est plus accessible ?
    10. Chapitre 10: Objets Deferred
      1. Créer un objet Deferred
      2. Méthodes définies sur l’objet Deferred
      3. Cycle de vie d’un objet Deferred
      4. Fonctions de callback associées aux états de l’objet Deferred
      5. Fonctions de callback associées aux notifications effectuées sur l’objet Deferred
      6. Exemples d’utilisation des fonctions de callback associées à l’objet Deferred
        1. Ajouter une fonction de callback sur l’objet Deferred
        2. Transmettre des paramètres à la fonction de callback
        3. Un objet Deferred dans l’état resolved ou rejected ne peut plus recevoir de nouvelles notifications
        4. Ajouter des fonctions de callback à l’objet Deferred dans l’état resolved ou rejected
      7. Objets Deferred liés à Ajax
      8. Objets Promise
        1. Créer un objet Promise à partir d’un objet Deferred
        2. Créer un objet Promise à partir d’un objet de classe jQuery
        3. Ajouter des méthodes de traitement aux objets de classe jQuery
      9. Synchroniser plusieurs objets Deferred avec $.when ()
        1. Utiliser les résultats fournis dans les fonctions de callback
        2. Synchronisation de deux appels Ajax
        3. Utiliser les résultats des appels Ajax synchronisés dans les fonctions de callback
      10. Exemple d’utilisation des objets Deferred dans nos programmes
    11. Chapitre 11: Objets Callbacks
      1. Créer un objet Callbacks
      2. Méthodes définies sur l’objet Callbacks
      3. Options de création de l’objet Callbacks
        1. Utiliser le flag once
        2. Utiliser le flag memory
        3. Utiliser le flag stopOnFalse
        4. Combiner plusieurs flags
      4. Exemple d’utilisation des objets Callbacks dans nos programmes
    12. Chapitre 12: Exemple d’application utilisant jQuery, Ajax et PHP
      1. Cinématique de l’application
      2. Affichage de la liste des clients
        1. Côté client (navigateur)
        2. Côté serveur
      3. Ajout d’une nouvelle ligne vierge à l’affichage
      4. Gestion de la modification du nom, du prénom ou du numéro de téléphone
        1. Côté client (navigateur)
        2. Côté serveur
      5. Gestion de la suppression d’un client
        1. Côté client (navigateur)
        2. Côté serveur
      6. Application complète
  8. Deuxième partie: jQuery UI : pour des fonctionnalités graphiques avancées
    1. Chapitre 13: Introduction à jQuery UI
      1. Installation de jQuery UI
      2. Aperçu de jQuery UI
      3. Qu’est-ce qu’un un thème CSS ?
      4. Quels fichiers inclure dans nos pages HTML ?
        1. Fichiers non compressés
          1. Fichiers JavaScript
          2. Fichiers CSS
          3. Exemple de page HTML incluant les fichiers non compressés
        2. Fichiers compressés
          1. Fichiers JavaScript
          2. Fichiers CSS
          3. Exemple de page HTML incluant les fichiers compressés
      5. Changer de thème CSS
      6. Et maintenant ?
    2. Chapitre 14: Onglets
      1. Principe de base
      2. Mise en forme du contenu
      3. La méthode tabs ()
        1. tabs (options)
          1. Options gérant les onglets
          2. Options gérant les événements liés aux onglets
        2. tabs ("action", params)
      4. Gestion des événements dans les onglets avec bind ()
      5. Exemples d’utilisation des onglets
        1. Création dynamique d’onglets
        2. Modifier le contenu d’un onglet au moyen d’Ajax
          1. Exemple 1 : appel au serveur avec "url" et "load"
          2. Exemple 2 : ajouter des informations avec la propriété data de ajaxOptions
        3. Utiliser les événements sur les onglets
          1. Exemple 1 : utiliser l’événement add
          2. Exemple 2 : événement tabsadd avec la méthode bind ()
    3. Chapitre 15: Menus en accordéon
      1. Principe de base
      2. Mise en forme du contenu
      3. La méthode accordion ()
        1. accordion (options)
          1. Options gérant les menus
          2. Options gérant la hauteur du contenu des menus
          3. Options gérant les événements liés aux menus
        2. accordion ("action", params)
      4. Gestion des événements dans les menus avec bind ()
      5. Exemples d’utilisation des menus en accordéon
        1. Ouvrir un menu quelconque
        2. Charger le contenu d’un menu avec Ajax
          1. Exemple 1 : options.change et options.changestart
          2. Exemple 2 : accordionchange et accordionchangestart avec la méthode bind ().
    4. Chapitre 16: Boîtes de dialogue
      1. Principe de base
      2. Mise en forme du contenu
      3. La méthode dialog ()
        1. dialog (options)
          1. Options gérant l’aspect, la position et les dimensions de la fenêtre
          2. Options gérant les effets visuels sur la fenêtre
          3. Options gérant le comportement de la fenêtre
          4. Options gérant les événements dans la fenêtre
        2. dialog ("action", params)
      4. Gestion des événements dans les boîtes de dialogue avec bind ()
      5. Exemples d’utilisation des boîtes de dialogue
        1. Ouvrir et fermer une fenêtre
        2. Appliquer un effet à l’ouverture ou à la fermeture de la fenêtre
        3. Empêcher la fermeture de la fenêtre
        4. Masquer le bouton de fermeture de la fenêtre
        5. Insérer des boutons dans la fenêtre
        6. Insérer un contenu au moyen d’Ajax
        7. Modifier le comportement d’une fenêtre avec des effets
    5. Chapitre 17: Boutons
      1. Principe de base
      2. Mise en forme du contenu
      3. La méthode button ()
        1. button (options)
        2. button ("action", params)
      4. Gestion des événements sur les boutons avec bind ()
      5. Boutons radio
        1. Afficher des boutons radio
        2. Améliorer l’affichage avec buttonset ()
      6. Cases à cocher
        1. Afficher des cases à cocher
        2. Améliorer l’affichage avec buttonset ()
      7. Exemples d’utilisation des boutons
        1. Afficher des icônes dans les boutons
        2. Créer une calculatrice
          1. Programme de base
          2. Améliorer le programme
        3. Gérer les clics sur les boutons radio
    6. Chapitre 18: Barres de progression
      1. Principe de base
      2. Mise en forme du contenu
      3. La méthode progressbar ()
        1. progressbar (options)
        2. progressbar ("action", params)
      4. Gestion des événements dans les barres de progression avec bind ()
      5. Exemples d’utilisation des barres de progression
        1. Incrémenter de façon régulière une barre de progression
        2. Effectuer un traitement à différentes étapes du remplissage
    7. Chapitre 19: Sliders
      1. Principe de base
      2. Mise en forme du contenu
      3. La méthode slider ()
        1. slider (options)
          1. Options gérant l’aspect et le comportement des sliders
          2. Options gérant les valeurs des curseurs
          3. Options gérant les événements sur le slider
        2. slider ("action", params)
      4. Gestion des événements sur les sliders avec bind ()
      5. Exemples d’utilisation des sliders
        1. Afficher la valeur d’un ou plusieurs curseurs
        2. Régler l’opacité d’une image à l’aide d’un slider
    8. Chapitre 20: Calendriers
      1. Principe de base
      2. Mise en forme du contenu
      3. La méthode datepicker ()
        1. datepicker (options)
          1. Options gérant l’apparence et les effets visuels liés au calendrier
          2. Options d’internationalisation
          3. Options gérant la sélection d’une date dans le calendrier
          4. Options gérant les événements sur le calendrier
        2. datepicker ("action", params)
      4. Exemples d’utilisation des calendriers
        1. Afficher plusieurs mois dans le calendrier
        2. Afficher un calendrier statique
        3. Indiquer des dates minimale et maximale
        4. Interdire la sélection de certaines dates
        5. Présélectionner une date
        6. Effectuer une requête Ajax lors de la sélection d’une date
    9. Chapitre 21: Autocomplétion
      1. Principe de base
      2. Mise en forme du contenu
      3. La méthode autocomplete ()
        1. autocomplete (options)
          1. Options gérant les listes de suggestions
          2. Options gérant les événements dans la liste de suggestions
        2. autocomplete ("action", params)
      4. Gestion des événements sur les listes de suggestions avec bind ()
      5. Exemples d’utilisation du mécanisme d’autocomplétion
        1. Spécifier la largeur de la liste de suggestions
        2. Afficher une liste de suggestions dès l’ouverture de la page HTML
        3. Afficher une liste de suggestions dès l’entrée du curseur dans le champ de saisie
        4. Produire un effet lors de l’apparition de la liste de suggestions
        5. Créer dynamiquement la liste de suggestions
        6. Créer dynamiquement la liste de suggestions en tenant compte de la saisie effectuée
          1. Appel Ajax pour un serveur PHP
          2. Appel Ajax pour un serveur Ruby on Rails
        7. Insérer des images dans la liste de suggestions
          1. Pour un serveur PHP
          2. Pour un serveur Ruby on Rails
    10. Chapitre 22: Glisser-déposer (drag & drop)
      1. La méthode draggable ()
        1. draggable (options)
          1. Options spécifiant les éléments déplaçables
          2. Options gérant les éléments déplaçables
          3. Options gérant l’effet à la fin du déplacement
          4. Options gérant les contraintes de déplacement
          5. Options gérant le défilement de la fenêtre lors du déplacement
          6. Options gérant les événements sur les éléments déplaçables
        2. draggable ("action", params)
      2. Gestion des événements sur les éléments déplacés avec bind ()
      3. Exemples d’utilisation de la fonctionnalité de drag (glisser)
        1. Effectuer un traitement lors du déplacement
        2. Imposer des limites au déplacement
          1. Contraindre le déplacement à un espace donné
          2. Contraindre le déplacement à l’horizontale ou à la verticale
        3. Déplacer un objet en le dupliquant
      4. La méthode droppable ()
        1. droppable (options)
          1. Options gérant le comportement des éléments de dépôt
          2. Options indiquant quels éléments peuvent être déposés
          3. Options gérant l’apparence des éléments de dépôt
          4. Options gérant les événements sur les éléments de dépôt
        2. droppable ("action", params)
      5. Gestion des événements sur les éléments de dépôt avec bind ()
      6. Exemples d’utilisation de la fonctionnalité de drop (déposer) : un panier d’achats
        1. Créer un panier d’achats avec glisser-déposer
        2. Ajouter un comportement au panier lors du dépôt
        3. Retirer un élément du panier
    11. Chapitre 23: Sélection multiple
      1. Principe de base
      2. Mise en forme du contenu
      3. La méthode selectable ()
        1. selectable (options)
          1. Options gérant les éléments sélectionnés
          2. Options gérant les événements sur les éléments sélectionnés
        2. selectable ("action", params)
      4. Gestion des événements lors de la sélection avec bind ()
      5. Exemples d’utilisation du mécanisme de sélection
        1. Afficher l’ordre d’apparition des événements lors de la sélection
        2. Empêcher la sélection d’un élément
        3. Inhiber le clic sur un élément pour le sélectionner
        4. Gérer un panier d’achats
    12. Chapitre 24: Permutation d’éléments dans la page
      1. Principe de base
      2. Mise en forme du contenu
      3. La méthode sortable ()
        1. sortable (options)
          1. Options spécifiant et gérant les éléments déplaçables
          2. Options spécifiant et gérant les éléments permutables
          3. Options gérant la place laissée vide par l’élément déplacé
          4. Options gérant l’effet à la fin du déplacement
          5. Options gérant les contraintes de déplacement
          6. Options gérant le défilement de la fenêtre lors du déplacement
          7. Options gérant les événements sur les éléments permutables
        2. sortable ("action", params)
      4. Gestion des événements lors de la permutation avec bind ()
      5. Exemples d’utilisation du mécanisme de permutation
        1. Afficher l’ordre d’apparition des événements
          1. Lors de la permutation dans une seule liste
          2. Lors de la permutation entre deux listes
        2. Déposer dans la liste un élément quelconque
          1. Insérer des images dans une liste de titres
          2. Ajouter un traitement visuel
    13. Chapitre 25: Redimensionnement
      1. Principe de base
      2. Mise en forme du contenu
      3. La méthode resizable ()
        1. resizable (options)
          1. Options gérant les éléments redimensionnables
          2. Options gérant l’effet lors du redimensionnement
          3. Options gérant les événements sur l’élément redimensionné
        2. resizable ("action", params)
      4. Gestion des événements lors du redimensionnement avec bind ()
      5. Exemples d’utilisation du mécanisme de redimensionnement
        1. Afficher les dimensions de l’élément lors du redimensionnement
        2. Afficher la position de l’élément lors du redimensionnement
        3. Effectuer une animation lors du redimensionnement
        4. Créer un champ de saisie redimensionnable
          1. Saisie sur une seule ligne
          2. Saisie multiligne
    14. Chapitre 26: Effets visuels dans jQuery UI
      1. De nouveaux effets avec la méthode effect (effectName, options, duration, callback)
        1. Effet blind
        2. Effet bounce
        3. Effet shake
        4. Effet clip
        5. Effet drop
        6. Effet explode
        7. Effet fold
        8. Effet highlight
        9. Effet puff
        10. Effet pulsate
        11. Effet scale
        12. Effet size
        13. Effet slide
      2. Les méthodes show (), hide () et toggle ()
      3. La méthode animate () améliorée par jQuery UI
        1. Propriétés CSS gérant les couleurs
        2. Nouvelles valeurs du paramètre easing
      4. Produire des effets avec les classes CSS
        1. Les méthodes addClass (), removeClass () et toggleClass () améliorées
        2. La méthode switchClass ()
        3. Exemple d’utilisation de toggleClass ()
  9. Index

Product information

  • Title: jQuery 1.7 et jQuery UI
  • Author(s): Eric Sarrion
  • Release date: August 2012
  • Publisher(s): Eyrolles
  • ISBN: 9782212135046