|  |  | |
|
|
|
|
|
 Focus - 29 Août 2008
Devenez "membre" de ALL HTML et faites partie d'une vraie communauté de passionnés et/ou de professionnels du développement sur Internet.
L'accès membre est gratuit et vous permet d'accéder à des fonctionnalités complémentaires :
- accéder à l'annuaire des 44 000 membres,
- poster des messages dans les forums,
- utiliser la messagerie interne,
- bénéficier d'offres négociées...).
Alors n'attendez-plus!
 Inscrivez-vous dès à présent !
|
|
|
|
|
|
| XSL |     | | Règles de construction
 1. Introduction aux feuilles de styles XML
Un fichier XSL est une feuille de styles, dédiée au XML, et elle est elle-même un fichier XML.
Donc les règles d'un document XML s'applique à un document XSL. Le XML permet de séparer l'information de son traitement, c'est pourquoi l'existence d'une feuille de styles dédiée au XML est légitime. Elle permet de formater un document XML en un document HTML ou PDF par exemple.
Un fichier XSL n'est composé que d'une suite de gabarits et de motifs.
2. Définitions
Motifs : objet introduit par l'attribut match, désignant un ou plusieurs éléments XML. Exemple match="traducteur/mot/francais" designe les éléments suivants:
<francais>bleu</francais>, <francais>rouge</francais> et <francais>vert</francais>
Gabarits : objet introduit par l'élément template définit une suite d'instructions à appliquer aux éléments XML désignés par l'attribut match.
3. Exemple :
De plus, il existe des méthodes de "parsing", par exemple, propre à un fichier XSL, nous les verrons au fil des exemples. Le fichier XSL suivant va formater le document XML traduct.xml afin de le faire apparaître sous une forme HTML.
<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/tr/wd-xsl">
"Déclare la feuille de style XSL"
<xsl:template match="/">
(Balise indiquant que ce qui suit sera appliqué à tout le document XML, grâce au symbole "/").
Le résultat est une page HTML donc nous retrouvons toute la strucutre et les balises d'un document HTML (commentaire en vert foncé) :
<html>
<style>
p
{
font-family: verdana;
font-weight: bold;
font-size : 12pt;
}
th
{
font-family: Verdana;
font-weight: bold;
font-size : 10pt;
}
td
{
font-family: Verdana;
font-weight: bold;
font-size : 8pt;
}
</style>
<body>
<p>
Traducteur
<table width="300" border="1" align="center">
<TR>
<TH>Francais</TH>
<TH>English</TH>
<TH>Italiano</TH>
</TR>
<!-- a balise ci-dessous utilise une methode XSL xsl:for-each permettant d'appliquer la suite d'instructions encadrees par <xsl:for-each …></xsl:for-each> à chaque élément XML décrit par l'attribut select ainsi cela permet d'introduire des notions de recursivité -->
<xsl:for-each select="traducteur/mot">
<!-- la balise <xsl:value-of> permet ici de récuperer le texte contenu à l'interieur des éléments francais, english et italiano -->
<tr>
<td><xsl:value-of select="francais"/></td>
<td><xsl:value-of select="english"/></td>
<td><xsl:value-of select="italiano"/></td>
</tr>
<!-- Une feuille de style XSL est un document XML donc toute balise ouvrante est associée à une balise fermante -->
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet> |
|
| |
Recommander ALL HTML
Si vous appréciez ce site,
n'hésitez pas à le faire
découvrir à vos ami(e)s...
| | Cliquez ici |
|
|
| | |
ACCUEIL
