Partie 2: Les feuilles de style «CSS» pour un

Transcription

1 Partie 2: Les feuilles de style «CSS» pour un document XML

2 Introduction Dans une feuille de style CSS, il y a des "sélecteurs" et "déclarations" Sélecteur CSS = élément XML = un couple de balise Chaque sélecteur est constitué de déclarations : nom/valeur Remarque : Pour afficher les attribut id dans l'exemple, la syntaxe est # suivi de la valeur de l'attribut : #indentifant{ color: red; } Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 2

3 La mise en page avec une feuille de style CSS les instructions principales : display La propriété display (affichage) est utilisée pour spécifier si un élément doit ounonêtre affiché;et sioui,comment display:none; (nonafficherl'élément) display:inline; (afficherdanslaligne,passautde ligne) display: block; (afficher l'élément en block de texte, comme un paragraphe) display:list-item; (afficherl'élémentenlisted'items) Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 3

4 La mise en page avec une feuille de style CSS margin La propriété margin (marge) est utilisée pour indiquer la taille de l'espace blanc quientoureles blocs detexte margin:5%; margin:10px; margin-top:2em; margin-left:85%; margin-right:50px; margin-bottom:1em; Les valeurs de margin peuvent être des pourcentages (%), des pixels (px), oudes conventionstypographiquestraditionnelles(em). Quand on donne une valeur à la propriété margin, elle s'applique simultanémentaux margesdroite,gauche,hautetbas. Il est possible de spécifier différentes marges en utilisant les propriétés margin-top,margin-bottom,margin-left et margin-right. Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 4

5 La mise en page avec une feuille de style CSS text-indent Cette propriété est utilisée pour définir la façon dont certaines lignes doiventêtre misesenretrait dansdes blocsde texte text-indent:3%; text-indent:5px; text-align Les valeurs courantes de text-align sont right, left, center, et justify. Ellessontutiliséespour alignerletexte àl'intérieurd'unblocde texte text-align:right; text-align:left; text-align:center; text-align:justify; Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 5

6 La mise en page avec une feuille de style CSS La typographie font-family Associer font-family à un sélecteur pour spécifier la police de caractère. font-family: helvetica; font-family: times, serif; font-size Les tailles des polices peuvent être indiquées avec des dimensions exactes en points tout autant qu'avec des tailles relatives telles que small, x-small, ou large. font-size: 12px; font-size: small; font-weight Ce paramètre est utilisé pour indiquer si le texte en gras : font-weight: normal; font-weight: bold; Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 6

7 La mise en page avec une feuille de style CSS La couleur La couleur (appliquée au texte) color La propriété color (couleur) est utilisée pour spécifier la couleur du texte Avec CSS, la couleur peut être définie par valeur HEX -comme "#ff0000" valeur RGB -comme "rgb(255,0,0)" nom de couleur- comme "red" Ex : color:blue; Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 7

8 Les feuilles de style «CSS» Exemple (fichier.xml) <?xmlversion="1.0" encoding="iso "?> <?xml-stylesheet href=«feuille.css" type="text/css"?> <racine> <enfant> <nom>ali</nom> <prenom>sami</prenom> <date>07/11/87</date> <desc>de taille moyenne, charmant, actif </desc> </enfant> <enfant> <nom>kamel</nom> <prenom>mariam</prenom> <date>20/12/92</date> <desc>de petite taille, sociable mais nerveuse.</desc> </enfant> </racine> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 8

9 Les feuilles de style «CSS» Exemple (feuille.css) <style type="text/css"> racine, enfant {} nom,prenom { display: inline; width: 250px; font-size: 16pt ; font-family: arial ; font-weight: bold; background-color: teal; color: white; padding-left: 10px; } date{ display: block; font-size: 12pt; } color: red ; font-weight: bold; margin-left: 10px; desc { display: block; font-size: 11pt ; font-style: italic; font-family: arial ; margin-left: 10px; } </style> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 9

10 Les feuilles de style «CSS» Exemple (Résultat) Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 10

11 Les feuilles de style «CSS» Exercice: Soit le fichier xmlsuivant: <?xmlversion="1.0" encoding="utf-8"?> <telephonetype="bureau"> </telephone> <?xml-stylesheethref="personne.css" type="text/css"?> </personne> <personnes> <personne sexe="masculin"> <personne sexe="masculin"> <identite> <identite> <nom>norris</nom> <nom>paul</nom> <prenom>chuck</prenom> <prenom>bernard</prenom> </identite> </identite> <telephonetype="portable"> </telephone> </personne> <personne sexe="feminin"> <identite> <nom>dupont</nom> <prenom>marie</prenom> </identite> <telephonetype="portable"> </telephone> </personne> </personnes> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 11

12 Les feuilles de style «CSS» Exercice: Ecrire la feuille de style personne.css Tous les éléments sont affichés sous forme de blocks les identités des personnes en gras, et le texte en blanc. Pour les personnes ayant le sexe masculin l arrière plan est bleu, et celles de sexe féminin, l arrière plan est rose L arrière plan de l élément téléphone est gris, si le type est portable l élément est affiché en vert sinon en rouge. Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 12

13 Partie 3: le langage de présentation «XSL»d un document XML

14 Introduction XSL «extensible Stylesheet Language» est un langage exprimant des feuilles de style pour les documents XML, Il est composéainsi : XSLT,eXtensible Stylesheet Transformation:transformations de l'arbre de document. Transformer un fichier XML en un autre fichier XML, ou en un fichier HTML (dans le cadre d une interrogation). Apartir d un même fichier XML, il est possible d effectuer plusieurs transformations. Chaque transformation correspond aun nouveau document XML qui représente une vue du document d origine. XSL/FO, extensible Stylesheet formatting, langage de formatage des données. Un langage XML qui décrit les propriétés de mise en page d un document ainsi que les propriétés typographiques àassocieràchaqueélément. Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 14

15 Principes des feuilles des styles La mise en œuvre d une feuille XSL consiste àparcourir les noeuds d une arborescence XML, et àappliquer des règles de transformation àcesnoeuds. Le processeur mémorise les instructions de la feuille de style, vérifie également si le document est bien formé (et éventuellement valide). Pour chaque élément XML à transformer, il cherche l instruction de style (XSLT) àappliquer. Si rien n est prévu pour un élément, le processeur XSL reprend le texte tel qu il est. L instruction de traitement permettant l affectation d une feuille de style àundocumentxml est : <?xml-stylesheet type=text/xsl href= nomfichier.xsl?> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 15

16 Déclaration des «XSL Transformation» XSLTpermet de transformer les documents XML àl'aide de feuilles de style contenant des règles appelées «template rules». Chaque règle définit des traitements à effectuer sur un élément (noeudoufeuille)del'arbre source. Un document XSL étant un document XML, il commence par la balise : <?xml version="1.0"?> <xsl:stylesheet xmlns:xsl= version="1.0"> <!--Et se termineparlabalise --> </xsl:stylesheet> L attribut versionestobligatoire Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 16

17 3.1. La notion de Règle «template» La notion de règle (nommées template) est centrale dans XSLT. Elle spécifie au processeur XSLTle contenu àgénérer et à transformerapartir dudocumentsourcexml. <xsl:templatematch="film"> Ceciestletexteproduitparapplicationdecetterègle. </xsl:template> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 17

18 La notion de Règle «template» Le ou les éléments auxquelles s applique le template doivent être définie dans l attribut match. : une règle s applique toujours dans le contexte de l un des nœudsdudocumentsource l application de la règle consiste àproduire un fragment de document, qui peut combiner du texte et des données extraites dudocumentxml source. Les règlesxsltsont déclenchées parlesinstructions xsl:apply-templates :la règle est déclenchée ou instanciée sur une catégorie de nœuds spécifiée par une expression XPath «les patterns» xsl :call-template :la règle est appelée par son nom (définie dans l attribut name): <xsl:call-templatename="qname"/> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 18

19 La notion de Règle «template» Exemple général Soit le documentxml suivant : <?xml version="1.0" encoding="utf-8"?> <prenom>agatha</prenom> <?xml-stylesheet href= " style.xsl " </auteur> type="text/xsl"?> <ref>policier-c-15</ref> bibliotheque> </livre> <livre> <livre> <titre>1984</titre> <titre>le cheval pale</titre> <auteur> <auteur> <nom>orwell</nom> <nom>christie</nom> <prenom>george</prenom> <prenom>agatha</prenom> </auteur> </auteur> <ref>fiction-o-1</ref> <ref>policier-c-17</ref> </livre> </livre> <livre> <titre>n ou M</titre> <auteur> <nom>christie</nom> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 19

20 La notion de Règle «template» Exemple général Soit le documentxml suivant : <livre> <titre>le chien des Baskerville</titre> <auteur> <nom>conan Doyle</nom> <prenom>arthur</prenom> </auteur> <ref>policier-d-3</ref> </livre> <livre> <titre>dune</titre> <auteur> <nom>herbert</nom> <prenom>franck</prenom> </auteur> <ref>fiction-h-1</ref> </livre> </bibliotheque> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 20

21 La notion de Règle «template» Exemple général La feuilledestyle (style.xsl): <?xmlversion="1.0"?> <xsl:stylesheetversion="1.0" xmlns:xsl=" <xsl:outputmethod="html"/> <xsl:templatematch="/"> <html> <head> <title>ma bibliotheque</title> </head> <body> <H2>Bibliotheque</H2> <table border=«1»> <tr> <th>titre</th> <th>auteur</th> <th>ref.</th> </tr> <xsl:for-each select="bibliotheque/livre"> <tr> <td><xsl:value-of select="titre"/></td> <td><xsl:value-ofselect="concat(auteur/nom, ' ', auteur/prenom)"/></td> <td><xsl:value-of select="ref"/></td> </tr> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 21

22 La notion de Règle «template» Exemple général RésultatHTML: Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 22

23 Structure de XSLT On distingue : Eléments de premier niveau : sont les éléments fils de l élément racine xsl:stylesheet Instructions : ce sont les éléments que l on trouve dans le corpus des règles. Parmi les éléments, on peut également distinguer : les éléments qui affectent la production du document résultat ; les éléments qui s appliquent à la transformation du document source. Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 23

24 Structure de XSLT Les éléments du premier niveau : xsl:attribute-set xsl:decimal-format xsl:import xsl:include xsl:key xsl:namespace-alias xsl:output xsl: param xsl:preserve-space xsl:strip-space xsl:template xsl:variable définit un groupe d attributs définit un format d affichage pour les numériques import d un programme XSLT inclusion d un programme XSLT définit une clé (d indexation) pour un groupe de nœuds définit des alias pour certains espaces de noms indique le format de sortie (HTML, XML, txt) définit un paramètre conserve les noeuds blancs supprime les noeuds blancs définit une règle XSLT définit une variable XSLT Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 24

25 Les instructions XSL : Structure de XSLT xsl:apply-imports xsl:apply-templates permet d appliquer une règle importée, tout en la complétant par un nouveau corps ; déclenche l application des règles xsl:attribute insère un attribut dans un élément du document produit ; xsl:call-template appelle une règle par son nom ; xsl:choose structure de test (cd. switch ou case) xsl:comment insère un noeud commentaire ; xsl:copy copie un noeud du document source dans le document produit ; xsl:copy-of xsl:element copie un noeud, ainsi que tous ses descendants insère un noeud Element dans le document produit Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 25

26 Les instructions XSL : Structure de XSLT xsl:fallback règle déclenchée si le processeur ne reconnaît pas une instruction ; xsl:for-each pour effectuer des itérations ; xsl:if branchement conditionnel ; xsl:message produit un message pendant le traitement XSLT; xsl:number permet de numéroter les noeuds du document produit xsl:variable définit un paramètre ; xsl:processinginstruction insère un noeud PocessingInstruction dans le document produit xsl:text insère un noeud Text xsl:value-of évalue une expression Xpath et insère le résultat Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 26

27 Déclanchement de règles Le déclenchement s effectue avec l instruction <xsl:applytemplates> : elle désigne un ensemble de noeuds avec une expression XPath et demande l application d une règle pour chacun de ces noeuds. L expression XPath est toujours évaluée en prenant comme nœud contexte le nœud courant pour lequel la règle contenant <xsl:apply-templates> aété instanciée : cette instruction adeux attributs: «select»qui contient l expressionxpath désignantlesnœudsàtraiter ; «mode»quidésignelacatégorie desrèglesàconsidérer. L expression de l attribut "select" doit toujours ramener un ensemble de nœuds. Sa valeur par défaut est :child ::node(), c est- `a-dire tousles fils du nœudcourant,àl exception des attributs. Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 27

28 Instances de règles xsl:value-of <xsl:value-ofselect="expression"/> cet élément évalue l expression donnée dans l attribut «select»sur le noeud courants, convertit le résultat en chaîne de caractères et insère lachaînerésultantedansle document produit. Exemple: <xsl:value-ofselect="."/>:le contenudu noeud courant <xsl:value-ofselect="concat(position(), /,last(), :,)"/> ExempledeDéfinitiondeformat: <xsl:decimal-format grouping-separator= ""decimal-separator= ", " name="formatnb"/> <xsl:value-of select = "format-number(number()*var1, '# ###,00DTn','FormatNb')"/> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 28

29 Instances de règles xsl:variable <xsl:variable> name=qname select=expression /> Corps de règle </xsl :variable> Une variable peut référencer une information variée : un noeud, un ensemble de noeuds, une valeur numérique ou alphanumérique. La valeur est donnée soit par l évaluation de Expression, soit par le contenu de la règle : l un, ou l autre!!!!! Exemple: <xsl:variablename="var1" select="/cours/enseignants" /> <xsl:variablename="var3"> 5,41 </xsl:variable> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 29

30 xsl:choose <xsl:choose> Instances de règles <xsl:when test:="test-i"> résultat du test </xsl:when> (i fois) [<xsl:otherwise> traitementoptionel</xsl:otherwise>] Le processeur s arrête au premier test productif, dont il exécute le corps. Sinon, il exécute le corps de xsl:otherwise(optionnel). Exemple : <xsl:choose> <xsl:whentest:="@longeur> 60"> ce texte est long </xsl:when> <xsl:whentest:="@longeur< 20"> ce texte est court </xsl:when> <xs:otherwise> ce texte est de longueur moyenne </xsl:otherwise> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 30

31 Instances de règles xsl:for-each <xsl:for-eachselect="expression"> corps </xsl:for-each> On prend successivement les noeuds correspondant à l évaluation de Expression. Le noeud courant, après l exécution du for-eachredevient celui pour lequel la règle a été instanciée. Exemple : <xsl:for-eachselect="livre"> <li> <xsl:value-ofselect="."/></li> </xsl:for-each> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 31

32 Instances de règles xsl:if <xsl:if test="expression"> corps </xsl:if> Explication : Le contenu est instancié si l expression de l attribut test s évalue à true. Il n y a pas d équivalent au elsedes langages de programmation. Exemple : <xsl:iftest="année = 2006"> <xsl:copy-ofselect="."/> </xsl:if> <xsl:iftest="@*"> Ł teste l existanced attribut) <xsl:iftest="@id"> Ł teste l existancede l attribut «id») Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 32

33 Instances de règles xsl:sort <xsl:sortselect="expression" lang="codelangue" case=("lower-first" "upper-first" order=("ascending" "descending") data-type=("test" "number") /> Elément permettant de trier des nœuds sélectionnés par (xsl:applytemplates) ou (xsl:for-each). (xsl:sort) doit apparaître juste après leurs balises ouvrantes. La clef de tri est indiquée par l attribut select, évalué pour chaque nœud du contexte. Si data-type vaut number, le tri est numérique. Sinon, il s agit d un tri soit sur le contenu des éléments (text) retourné par la clé ; soit sur les noms des éléments eux même (element). Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 33

34 xsl:sort Instances de règles Exemple : <xsl:apply-templatesselect="//chapitre"> <xsl:sortselect="@longeur" data-type="number"/> </xsl:apply-templates> <xsl:template match="/"> <HTML> <BODY bgcolor="#ffccff"> <xsl:apply-templatesselect ="//BibRef"> <xsl:sortorder ="descending" select =".//Year"/> </xsl:apply-templates> </BODY> </HTML> </xsl:template> <xsl:templatematch="bibref"> <P> <xsl:iftest="./@language= 'EN'"> en anglais</xsl:if> <xsl:value-ofselect=".//year"/> <xsl:value-ofselect=".//title"/> </P> </xsl:template> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 34

35 Instances de règles xsl:element <xsl:element name="nom" namespace="url" use-attributesets="uneliste"></xsl:element> Cette instruction permet d insérer un élément dans le document résultat. Son principal intérêt est de permettre de déterminer dynamiquement (au moment de l exécution du programme) le nom oul espacede nomsde l élémentcréé. Exemple : <XBOOK ISBN=" "> <EDITEUR>Editions O Reilly France</EDITEUR> <TITRE>Publication web avec XML/XSLT</TITRE> <AUTEUR> <NOM>BerndAmann</NOM> <AFFILIATION>Cnam</AFFILIATION> </AUTEUR> </XBOOK> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 35

36 Instances de règles xsl:element Le programme suivant transforme tous les attributs de l élément racine du document en éléments, et copie en profondeur les éléments TITRE et EDITEUR <xsl:templatematch="/xbook"> <LIVRE> <xsl:copy-ofselect="titre"/> <xsl:for-eachselect="@*"> <xsl:elementname="{name()}"> <xsl:value-ofselect="."/> </xsl:element> </xsl:for-each> <xsl:copy-ofselect="editeur"/> </LIVRE> </xsl:template> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 36

37 Instances de règles xsl:element sortie est le document mxl suivant: <LIVRE> <TITRE>Publication web avec XML/XSLT</TITRE> <ISBN> </ISBN> <EDITEUR>Editions O Reilly France</EDITEUR> </LIVRE> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 37

38 Instances de règles xsl:attribute <xsl:attributename="nom" namespace="url"> </xsl:attribute> Cet élément déclenche l ajout d un attribut dans l élément courant du document résultat. Le contenu de <xsl:attribute> définit la valeur de l attribut. C est un corps de règle qui peut contenir d autres instructions XSLT, et qui doit impérativement engendrer un nœud de type Text. Il est possible de calculer les deux attributs, "name" et "namespace", en utilisant des expressions XPathencadrées par { } (attributs interpolés). Ce même mécanisme est applicable pour placer directement les attributs dans l élément, sans avoir donc besoin d utiliser <xsl:attribute>. Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 38

39 xsl:attribute Exemple1: Instances de règles <xsl:templatematch="personne"> <PERSONNE> <xsl:attributename="nom"> <xsl:value-ofselect="nom"/> </xsl:attribute> </PERSONNE> </xsl:template> La sortie est l élément suivant:<personne NOM="Bensalah"> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 39

40 Instances de règles xsl:attribute Exemple 2: on veut ajouter un attribut AGE à l élément PERSONNE dans le document résultat, en calculant la valeur de cet attribut par différence entre l année courante et l année de naissance <xsl:templatematch="personne"> <PERSONNE NOM="{NOM}" PRENOM="{PRENOM}"> <xsl:attributename="age"> <xsl:choose> <xsl:whentest="naissance/annee"> <xsl:value-of select="2014 -NAISSANCE/ANNEE"/> </xsl:when> <xsl:whentest="naissance/date"> <xsl:value-of select="2014 -substring(naissance/date,7)"/> </xsl:when> </xsl:choose> </xsl:attribute> </PERSONNE> </xsl:template> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 40

41 Instances de règles xsl:attribute-set <xsl:attribute-setname="nom" use-attribute-sets="uneliste" > </xsl:attributeset> Cet élément permet de grouper des définitions d attributs, et de nommer les groupes ainsi constitués afin de pouvoir les affecter d un bloc à un élément. Cette fonctionnalité est assez proche des feuilles de style (CSS) dans lesquelles on factorise des propriétés de mise en forme <xsl:attribute-setname="monstyle"> <xsl:attributename="bgcolor">white</xsl:attribute> <xsl:attributename="font-name">helvetica</xsl:attribute> <xsl:attributename="font-size">18pt</xsl:attribute> </xsl:attribute-set> <xsl:templatematch="/"> <html><head><title>ficherpersonne</title></head> <body xsl:use-attribute-sets="monstyle"> Exemplede use-attribut-sets </body></html> </xsl:template> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 41

42 Exercice Nous désirons appliquer une feuille de style XSLT pour transformer le fichier XML suivant en un fichier Html selon les règles suivantes : Chaque produit est affiché dans un paragraphe,suivi d une ligne horizontale; Le libellé est affiché en gras et en bleu suivi de l identifiant entre deux crochets(voirfigure); Leprixest affichéengras; Lefabricantenrouge et enitalique; Ladescriptionest affichéeen italiquedansunparagrapheàpart; Etfinalementl élémentpageest transforméenunlienhypertexte Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 42

43 Exercice <?xml version="1.0" encoding="iso "?> <?xml-stylesheet type="text/xsl" href="produits.xsl"?> <produits> Liste des produits disponibles : <produit identifiant="p001"> <libellee>thé</libellee> <fabricant>english The Shop</fabricant> <prix>8 Euros</prix>. <description>thé rooibos aux fruits rouges bio - sachet individuel</description> <page> </produit> <produit identifiant="p012"> <libellee>infusion</libellee> <fabricant>prod agro SARL</fabricant> <prix>21 Euros</prix>. <description>infusion citronnelle, gingembre, agrumes bio - sachet mousseline</description> <page> </produit> </produits> Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 43

44 Exercice Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 44

45 XPATH

46 Pourquoi le XPATH? Xpath : Un langage fonctionnel pour adresser les sous-arbresd'un arbre XML Norme utilisée dans de nombreux outils XML XSLT : langage de transformation d'arbre XML Xlink : outils de définition de liens XQuery : langage d'interrogation de documents Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 46

47 Problème de repérage Au sein des feuilles de style XSLT on doit désigner les branches de l arbre d entrée (document source) Repère 2 Repère 1 Solution : «expression de chemin» Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 47

48 Chemin absolu Code postal de la carte de visite : /cartedevisite/adresse/ville/@codepostal Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 48

49 Chemin relatif A partir du numéro, la note :../../note Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 49

50 Racine d un document La racine d un document est au dessus de l élément racine du document, elle contient des commentaires éventuels des instructions de traitements éventuelles un et un seul élément (l élément racine) / Racine du document /html Elément racine du document si c'est html /* Elément racine du document Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 50

51 Type de nœud d un arbre XPath Nœud «élément» /cartedevisite/note Pseudo-nœud «attribut» /cartedevisite/adresse/ville/attribute::codepostal /cartedevisite/adresse/ville/@codepostal Nœud «texte» /cartedevisite/note/clé/text() Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 51

52 Expression de chemin séquence d étapes Chemin absolu /étape1/étape2/étape3/... Chemin relatif étape1/étape2/étape3/... Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 52

53 Étape Une étape est composée de trois parties axe de déplacement (optionnel) test de nœud (obligatoire) prédicat (optionnel) Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 53

54 Syntaxe d une section Exemple axe test prédicat child::text()[position()=1] cartedevisite[nom= Bekkers ] comment() ancestor::nom attribut::codepostal La partie test de nœud est obligatoire La partie axe se termine par :: La partie prédicat est délimitée par [ ] Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 54

55 Axes de déplacement ancestor ancestor-or-self preceding following parent preceding-sibling self following-sibling child descendant descendant-or-self + attribute Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 55

56 Partie test Un test c est : Un nom d élément, exemple : ville, prénom * : n importe quel élément text() comment() processing-instruction() processing-instruction(nom) node() identique à l union de *, text(), comment() et de processing-instruction() Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 56

57 Filtrage à l aide du prédicat Une expression Xpaths évalue en un ensemble de nœuds /html/body/p 1 1 Filtrage par la position /html/body/p[position()=1] /html/body/p[position()=last()] Filtrage par le contenu /html/body/p[em] Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 57

58 Quelques raccourcis // attribut::id. self::node().. parent::node() note child::note * child::* Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 58

59 Quelques exemples //note/text() //note/text()[position()=1] //nom[.= Bekkers ] Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 59

60 Quelques exemples //figure Tous les éléments "figure" du document figure Tous les éléments "figure" fils du nd courant./figure Tous les éléments "figure" fils du nd courant */figure Tous les éléments "figure" petit fils du nd courant Les attributs "rue" des éléments "adresse" fils du nd courant adresse/text() Tous les textes situés directement sous l'élément "adresse" Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 60

61 *[last()] Quelques exemples Le dernier fils du nœud courant figure[lg] Tous les éléments "figure" fils du nd courant, pourvu qu'ils aient un fils "lg" ancestor::tst L'élément "tst" englobant le plus Tous les attributs de l'élément courant Les éléments IMAGE fils du nd and courant pourvu qu'ils aient un attribut "WIDTH" avec une valeur ")] différente de 20 Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 61

62 Opérandes et opérateurs Constantes Chaînes 'Paris' "That'srubbish" 'He said"boo"' Valeurs numériques 12, 3.05, Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 62

63 Opérandes et opérateurs Prédicat -exemples ] [.= Bekkers ] [nom= Bekkers ] [position()=last()-1] [not(position()=1)] Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 63

64 Opérandes et opérateurs Opérateurs Expression numériques : +, -, *, div, mod position(), last(), count(nds), string-length(expr) Expression booléenne : or, and, not(...), false(), true(), boolean(...), =,!=, <, <=, >= (à écrire < et >) Expression nœud id(chaîne) Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 64

65 Opérandes et opérateurs Opérateurs Expressions chaîne string(exp) concat(exp1, exp2, ) substring(expr,start), substring(expr,start,length) substring-before(expr,expr) substring-after(expr,expr) Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 65

66 Générateur d identificateur generate-id(expr) génère automatiquement un identificateur XML spécifique au premier nœud de l ensemble de nœuds donné par l expression generate-id() génère automatiquement un identificateur XML spécifique au nœud courant Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 66

67 Fonction generate-id() Propriétés L ordre alphabétique des identificateurs est le même qui l ordre des nœuds dans le document Si generate-id(a) est un préfixe de generateid(b), alors A est un ancêtre de B L identificateur est unique au sein de tous les documents ouverts durant l exécution. Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 67

68 Opérandes et opérateurs Opérateur union Tous les éléments pere ou meredu document //pere //mere Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 68

69 Opérandes et opérateurs Séquence de plusieurs prédicats le dernier fils du nœud courant pourvu que ce soit un élément «ville» ou un élément «rue» [last()][ville or rue] le dernier des fils «ville» ou «rue» du nœud courant [ville or rue][last()] Tarek ZLITNI - ISIMS Langages de présentation et de manipulation des Médias 69