XSLT sur le client

Dans le chapitre pr�c�dent nous avons expliqu� comment XSLT peut �tre employ� pour transformer un document de XML � XHTML. Nous avons fait ceci en ajoutant une feuille de mod�le de XSL au dossier de XML et avons laiss� le navigateur faire les transformations.
M�me si ceci fonctionne tr�s bien, il n'est pas toujours souhaitable d'inclure une r�f�rence de feuille de mod�le dans un dossier de XML

Une solution plus souple serait d'employer un Javascript pour faire les transformations.

En employant un Javascript, nous pouvons :

faire l'essai navigateur-sp�cifique
employer les diff�rentes feuilles de mod�le selon le navigateur et les besoins d'utilisateur
C'est la beaut� de XSLT ! Un des buts de conception pour le XSLT �tait de permettre pour transformer des donn�es d'un format � l'autre, diff�rents navigateurs de support et diff�rents besoins d'utilisateur.

La transformation de XSLT du c�t� de client est li�e pour �tre une partie des navigateurs que le travail chargent � l'avenir, car nous verrons une croissance sur le march� sp�cialis� de navigateur (Braille, navigateurs auditifs, imprimeurs de Web, dispositifs tenus dans la main, etc.)

Dossier de XML et dossier de XSL

Regarder le document de XML que vous avez vu dans le chapitre pr�c�dent :

<?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
<store>
<book>XSLT</book>
<price>$15</price>
<country>USA</country>
<company>wrox</company>
<year>2001</year>
</store>
.
.
.
</catalog>

Feuille de mod�le de XSL :

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"><xsl:template match="/">
<html>
<body>
<h2>Book Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th align="left">Book</th>
<th align="left">Price</th>
</tr>
<xsl:for-each select="catalog/store">
<tr>
<td><xsl:value-of select="Book" /></td>
<td><xsl:value-of select="Price" /></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template></xsl:stylesheet>

Noter le dossier de XML n'a pas la r�f�rence au dossier de XSL.

L'exemple ci-dessus indiquent qu'un dossier de XML pourrait �tre transform� en utilisant beaucoup de diff�rentes feuilles de mod�le de XSL.

Transformation de XML � XHTML

Voici le code source requis transforme le dossier de XML � XHTML sur le client :

<html>
<body><script type="text/javascript">// Load XML
var xml = new ActiveXObject("Microsoft.XMLDOM")
xml.async = false
xml.load("cdcatalog.xml")// Load XSL
var xsl = new ActiveXObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load("cdcatalog.xsl")// Transform
document.write(xml.transformNode(xsl))</script></body>
</html>

La premi�re partie du code cr�ent un exemple de l'analyseur de Microsoft XML (XMLDOM), et des charges le dossier de XML dans la m�moire. La deuxi�me partie du code cr�ent un autre exemple de l'analyseur et des charges le dossier de XSL dans la m�moire. La derni�re ligne du code transforment le document de XML en utilisant le document de XSL, et des affichages le r�sultat comme XHTML dans votre navigateur. Nice !