Un article de WikiTuto.

Catégorie:Cours XML XML Concepts de base Historique : de SGML à XML XML:Mise en oeuvre Structure d'un document XML Support par les navigateurs Prise en main d'XML CookTop XML CookTop généralités Interface Exercices Prise en main d'oXygen XML Editor Généralités Interface Fonctionnalités Exercices Déclarations de Type de Document Introduction Types de DTD Déclarations d'éléments Déclarations d'attributs Déclarations d'entités Initiation aux Schéma XML Introduction Les premiers pas Déclarations d'éléments et d'attributs Les types de données Espaces de nom Les dérivations Diverses autres fonctionnalités Mise en forme à l'aide de feuilles de style XSL Présentation Exemples de mises en forme Mise en forme à l'aide de feuilles de style XSL (XSLT) Les expressions de sélection XPath Éléments XSLT Fonctions XPath Fonctions XPath applicables aux nœuds Fonctions XPath applicables aux chaînes de caractèress Fonctions XPath applicables aux nombres Fonctions booléennes Autres fonctions Utilisation du DOM et XSLT dynamique Insertion de code JavaScript dans une page Utilisation du DOM Synchroniser des contenus multimédia avec SMIL Généralités Construction progressive d'un fichier SMIL Conclusion Un format de dessin vectoriel en XML: SVG Introduction SVG de base Éléments graphiques de base Structuration: éléments de groupage et références Transformations Autres fonctionnalités L'animation dans le SVG Introduction Animation de base: l'élément animate Des animations plus complexes Plus loin que les formulaires HTML: XForms Généralités Fonctionnalités des formulaires XForms Dans la pratique Pour aller plus loin... Quelques mots sur les Services Web Généralités Trouver un service Web Accéder à un service Web Récapitulation et inconvénients modifier Tdm XML Source : Gilles Chagnon

Sommaire 1 Objets, méthodes et propriétés 1.1 Accéder aux fichiers XML et XSL 1.2 Sélection des éléments dans un fichier XML 2 Mise à jour de l'affichage 3 Exemple 4 Sources

Objets, méthodes et propriétés

Accéder aux fichiers XML et XSL

Avant toute chose, il faut être en mesure de pouvoir lire les fichiers sources XML et XSL. Pour cela, on utilise deux collections, document.XMLDocument et document.XSLDocument :

var XMLsource = new Object ;
var XSLsource = new Object ;
XMLsource = document.XMLDocument ;
XSLsource = document.XSLDocument ;

Sélection des éléments dans un fichier XML

Une fois que le fichier XML est déclaré, il faut pouvoir accéder à ses différents éléments. Cela est réalisé par un appel à la méthode selectNodes(), qui prend comme argument une expression XPath, appliquée à la collection documentElement de l'objet précédemment défini.

XMLsource.documentElement.selectNodes(livre/auteur/@nom) ;

On peut également modifier un élément de la feuille XSL

collection_element=XSLsource.documentElement.selectNodes("xsl:for-each[@select='livre']") ;
element=collection_element[0] ;
element.setAttribute("select", auteur/@nom)

Mise à jour de l'affichage

Il est nécessaire, pour terminer, de mettre à jour l'afichage avec les modifications désirées. Cela est réalisé en utilisant la propriété innerHTML de l'objet document.body, et lui affectant le résultat de la transformation de l'objet XML par l'objet XSL modifié :

document.body.innerHTML = XMLsource.transformNode(XSLsource) ;

Exemple

Consulter l'exemple de tri sur la collection de nuages ( source et feuille de style). Exercice 1. Manipulation dynamique de la feuille de style XSL

• Énoncé
• Correction (partie 1)
• Correction (partie 2)

Sources

Gilles Chagnon