AJAX - Développez pour le Web 2.0 Entrez dans le code : JavaScript, XML, DOM, XMLHttpRequest2... (2ième édition)

Transcription

1 Présentation générale d'ajax 1. Principe et définition Exemples sur le Web Google Maps Google Suggest Google Agenda Google Docs, Google Sheets et Google Slides Avantages et désavantages Avantages Désavantages Évolution ou révolution? Évolution Révolution 24 L'environnement de travail 1. Les pré-requis Les limites de ce livre Les outils côté client Un navigateur récent Un éditeur de texte Les outils côté serveur Le serveur local Microsoft IIS Le serveur local EasyPHP 32 1/11

2 Le JavaScript 1. Introduction au JavaScript Définition Un bref historique Les limites du JavaScript Des outils pour le JavaScript Le JavaScript et le HTML Un premier script Le JavaScript interne Le JavaScript externe Le fichier externe La page HTML Quelques conseils pour le débogage Google Chrome Firefox Internet Explorer Les notions fondamentales La casse Les commentaires Les points-virgules Les constantes Les variables Les opérateurs Les opérateurs arithmétiques Les opérateurs de comparaison Les opérateurs booléens (ou logiques) Les opérateurs associatifs Les opérateurs d'incrémentation Les opérateurs de concaténation Autres opérateurs Priorité des opérateurs L'accès aux éléments du HTML 56 2/11

3 3. Les fonctions et les méthodes La déclaration d'une fonction L appel d'une fonction Le passage de paramètres Les variables locales et globales Variables locales Variables globales L'instruction return Quelques méthodes JavaScript alert() confirm() prompt() settimeout() Les conditions et les boucles Les conditions if... else La boucle for La boucle while L'instruction break L'instruction continue Les gestionnaires d'événement La notion d'événement L'événement onclick L'événement onfocus L'événement onload et onunload L'événement onmouseover et onmouseout L'événement onsubmit Les formulaires La ligne de texte Lire une valeur Reproduire une valeur Tester un formulaire vide 90 3/11

4 6.1.4 Donner le focus Saisie d'un nombre Calcul automatique Les boutons de choix unique Les boutons de choix multiples Le menu déroulant Le bouton d'envoi Le bouton de réinitialisation Le bouton de commande L'instruction this La manipulation des chaînes de caractères La propriété length() La méthode charat() La méthode indexof() La méthode lastindexof() La méthode substring() La méthode tolowercase() La méthode touppercase() La méthode replace() Les expressions régulières Déclaration Syntaxe Méthodes Les tableaux en JavaScript (objet Array) La définition d'un tableau L'initialisation d'un tableau L'accès aux données du tableau Les tableaux associatifs Les méthodes spécifiques aux tableaux Tri alphabétique d'un tableau Assemblage de tableaux Regrouper en une chaîne Partie d'un tableau 140 4/11

5 9. Quelques autres objets JavaScript L'objet Date new Date(); Méthodes Exemple L'objet Math L'objet navigator Propriétés Distinguer Firefox, Chrome et Internet Explorer Identifier les versions d'internet Explorer L'objet window La fenêtre pop-up La zone utile du navigateur 164 Introduction au XML 1. Le XML Le XML et le HTML Une seule similitude : le SGML Les différences entre le HTML et le XML La syntaxe du XML Un premier document XML Le DOCTYPE Le DTD interne La déclaration d'un élément Les éléments vides Les éléments comprenant des caractères à afficher Les éléments avec des éléments enfant 177 5/11

6 5.1.5 Les éléments avec une seule occurrence Les éléments avec une plusieurs occurrences Les éléments avec zéro, une ou plusieurs occurrences Les éléments avec zéro ou une occurrence Les éléments alternatifs Le DTD externe Afficher le XML avec CSS Afficher le XML avec XSL Des éditeurs XML Microsoft XML Notepad Altova XMLSpy Introduction au XSL 1. Le XSL Un premier document XSL Un premier exemple XSL Trier avec le XSL Filtrer avec le XSL Choisir avec le XSL Conditions et XSL Transformer avec le XSL 224 6/11

7 9. Le XSL avec XML Notepad Le DOM (Document Object Model) 1. Présentation Le concept de nœud (node) La hiérarchisation des nœuds Les propriétés de l'objet node Les propriétés de relation Les propriétés d'état L'outil DOM Inspector de Firefox Les différences d interprétation selon les navigateurs Accéder aux objets Par la méthode getelementbyid Par la méthode getelementsbyname Par la méthode getelementsbytagname Par la méthode getelementsbyclassname Par les propriétés des nœuds Accéder aux attributs Modifier la hiérarchisation La méthode createelement La méthode createtextnode La méthode appendchild 259 7/11

8 9.4 La méthode insertbefore La méthode replacechild La méthode removechild Une application récapitulative 269 L'objet XMLHttpRequest 1. Présentation Créer un objet XMLHttpRequest Propriétés et méthodes Effectuer une requête Quelques propriétés détaillées Propriété readystate Propriété status Propriété responsetext Propriété responsexml Propriété timeout Quelques méthodes détaillées Méthode getallresponseheaders Méthode getresponseheader Méthode setrequestheader Méthode overridemimetype 308 L'approche AJAX 1. Récupérer et traiter du texte 309 8/11

9 2. Récupérer et traiter du HTML Récupérer et traiter du XML Par les nœuds Par la méthode getelementsbytagname Traitement des attributs Récupérer et traiter avec XSL 335 AJAX par l'exemple 1. Une liste de contacts Une liste de suggestions Un double menu déroulant Un menu de navigation Un script de login Un diaporama en AJAX Une prévisualisation de la page Un pied de page dynamique Un menu vertical dynamique Des annonces immobilières 411 9/11

10 AJAX et le framework jquery 1. L utilité des frameworks JavaScript La présentation de jquery La mise en place de jquery Les sélecteurs La manipulation des attributs La manipulation des feuilles de style CSS Les événements Les effets Faire apparaître et disparaître un élément Permuter les effets Faire glisser verticalement Faire apparaître et disparaître avec un effet de fondu Parcourir et filtrer le DOM La manipulation du DOM Modifier le contenu Insérer un élément AJAX sous jquery En écriture concise : load() En écriture complète : ajax() Les événements associés à la requête /11

11 11.4 L'ajout d'une icône de chargement Des exemples Une liste de livres Un tableau à partir d'un fichier XML 472 Index /11