Le document XSL minimum
Nous avons au comment afficher du XML à l'écran à l'aide des feuilles de style (CSS). Sachez qu'il existe un langage beaucoup plus puissant pour afficher du XML à l'écran. Ce langage s'appelle le XSL [eXtensible Stylesheets Language]. Qui dit langage plus puissant dit langage plus compliqué ! Mais rassurez vous, le XSL ne possède qu'une petite dizaine de balises bien à lui : tout le reste est du HTML.
Voici un exemple utilisant du XSL. Tout d'abord, le fichier XML:

<?xml version="1.0" encoding="ISO-8859-1"?>
<exemple>
<titre>theprogrammeur</titre>
<adresse>http://theprogrammeur.free-h.org</adresse>
<rss>oui</rss>
<hébergeur>Free-H</hébergeur>
<pub>non</pub>
<adr_redirection>http://www.theprogrammeur.fr.nf</adr_redirection>
<site_parent>TeamBrothRacing</site_parent>
</exemple>

Affiché dans le navigateur, voici ce que ça donne:
exemple_xml
Bien qu'avec les navigateurs modernes, vous avez plus de chances de voir quelque chose ressemblant à ceci:
apercu_xml
Tapons maintenant ceci dans un nouveau fichier:

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<body>
<table border="2" cellspacing="2" cellpadding="4">
<tr>
<td> Nom du site</td>
<td><xsl:value-of select="exemple/titre"/></td></tr>
<tr><td> Adresse</td>
<td><xsl:value-of select="exemple/adresse"/></td></tr>
<tr><td> Flux RSS</td>
<td><xsl:value-of select="exemple/rss"/></td></tr>
<tr><td> Hébergeur</td>
<td><xsl:value-of select="exemple/hebergeur"/></td></tr>
<tr><td> Publicité</td>
<td><xsl:value-of select="exemple/pub"/></td></tr>
<tr><td> Adresse de redirection</td>
<td><xsl:value-of select="exemple/adr_redirection"/></td></tr>
<tr><td> Site parent</td>
<td><xsl:value-of select="exemple/site_parent"/></td></tr>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

On enregistre le fichier en .xsl, on ajoute le fichier XSL au fichier XML en tapant ceci au début de notre fichier XML:
<?xml-stylesheet type="text/xsl" href="fichier.xsl"?> On ouvre le ficier XML et voici ce qui s'affiche à votre écran.
exemple de XML

Maintenant, détaillons un peu le fichier XSL:

<?xml version="1.0" encoding="ISO-8859-1"?>

Le XSL n'est qu'un "dérivé" du XML. Il est donc normal d'avoir la balise d'ouverture du XML.

<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">

Cette ligne déclare que c'est un document XSL [eXtensible Stylesheets Language].

<xsl:template match="/">

Ceci est une balise template et son attribut match. Cette balise sert à indiquer quelle partie du document XML sera concerné par cette page. match="/" indique que toutes les balises de la racines sont concernées.

<html>
<body>

Un fichier XSL est en fait une simple page HTML quelque peu modifiée pour être correcte par rapport aux règles du XHTML Strict.

La suite du document n'est qu'un tableau en HTML avec une seule balise XSL qui indiquait quel élément XML il fallait afficher. Cette balise est:

<xsl:value-of select="chemin/d/acces"/>

Cette balise sert à en sélectionner une dans un fichier XML pour le traiter dans le document XSL. Dans l'exemple ci-dessus, la balise sélectionnée est <acces> qui se trouve dans la balise <d> qui, elle, se trouve dans la racine qui est <chemin>.

</html>
</body>

Fin de la page HTML

</xsl:template>
</xsl:stylesheet>

Fin de la feuille de stèle XSL et donc du fichier XSL.

<?xml_stylesheet type="text/xsl" href="fichier.xsl"?>

Insertion de la feuille de style XSL dans le fichier XML.

back   next

Creative Commons License
Sauf mention contraire, le contenu de cette page est sous licence Creative Commons
Page générée en 0.339 secondes.
Retour en haut de la page
Imprimer cette page