Soit le contenu de fichier stag.xml :
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="stag.css"?>
<?xml-stylesheet type="text/xsl" href="stag.xsl"?>
<ista>
<stagiaires>
<stagiaire>
<num>0001</num>
<nom>Slaoui</nom>
<filiere>TDI</filiere>
</stagiaire>
<stagiaire>
<num>0002</num>
<nom>Montassir</nom>
<filiere>TSGE</filiere>
</stagiaire>
<stagiaire>
<num>0003</num>
<nom>Elasri</nom>
<filiere>ESA</filiere>
</stagiaire>
<stagiaire>
<num>0004</num>
<nom>Sabour</nom>
<filiere>TSAV</filiere>
</stagiaire>
</stagiaires>
</ista>
Soit le contenu de fichier stag.css
strong {
background-color:lime;
} h1 {
background-color:yellow;
} h2 { color:blue;
}
Donnez le résultat de la transformation du ce document avec un fichier XSL sous forme d’une page html.
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="stag.css"?>
<?xml-stylesheet type="text/xsl" href="stag.xsl"?>
<ista>
<stagiaires>
<stagiaire>
<num>0001</num>
<nom>Slaoui</nom>
<filiere>TDI</filiere>
</stagiaire>
<stagiaire>
<num>0002</num>
<nom>Montassir</nom>
<filiere>TSGE</filiere>
</stagiaire>
<stagiaire>
<num>0003</num>
<nom>Elasri</nom>
<filiere>ESA</filiere>
</stagiaire>
<stagiaire>
<num>0004</num>
<nom>Sabour</nom>
<filiere>TSAV</filiere>
</stagiaire>
</stagiaires>
</ista>
< !—stag.xsl -- >
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xs="http://www.w3.org/2001/XMLSchema" exclude-result-prefixes="xs" version="2.0">
<xsl:output method="html" encoding="UTF-8" />
<xsl:template match="/">
<html>
<head><title>Liste de personnes</title></head>
<link rel="stylesheet" href="tdi.css"/>
<body>
<h1>Les Stagiaires</h1>
<xsl:apply-templates select="//stagiaire"/>
</body>
</html>
</xsl:template>
<!-- Def de la regle sur le noeud : stagiaire -->
<xsl:template match="stagiaire">
<h2><xsl:value-of select="concat('Stagiaire',' ',position())"/></h2>
Num : <strong><xsl:value-of select="num"/> </strong>
Nom : <strong><xsl:value-of select="nom"/> </strong>
Filiere : <strong><xsl:value-of select="filiere"/></strong>
</xsl:template>
</xsl:stylesheet>
< !—stag.css -- > strong
{background-color:lime;
} h1
{background-color:yellow;
} h2
{color:blue;
}
Ajouter un commentaire
Veuillez vous connecter pour ajouter un commentaire.
Pas encore de commentaires.