PDF (adobe.com)

Transformations XSL côté client

Vous pouvez exécuter des transformations XSL sur le client, sans utiliser de serveur d'application. Dreamweaver permet de créer une page XSLT entière qui se chargera de cette opération. Toutefois, les transformations côté client nécessitent la manipulation du fichier XML contenant les données à afficher. Par ailleurs, les transformations côté client utilisent uniquement des navigateurs modernes (Internet Explorer 6, Netscape 8, Mozilla 1.8 et Firefox 1.0.2). Pour plus d'informations sur les navigateurs qui prennent en charge les transformations XSL, consultez le site www.w3schools.com/xsl/xsl_browsers.asp.

Créez d'abord une page XLST entière et associez-lui une source de données XML. (Dreamweaver vous invite à associer la source de données à la création de la page.) Vous pouvez créer une page XSLT entièrement nouvelle ou convertir une page HTML existante en page XSLT. Lorsque vous convertissez une page HTML existante en page XSLT, vous devez lui associer une source de données XML au moyen du panneau Liaisons (Fenêtre > Liaisons).

Une fois que vous avez créé votre page XSLT, vous devez la lier au fichier .xml qui contient les données XML en insérant une référence à la page XSLT dans le fichier XML (tout comme vous insérez une référence à une feuille de style en cascade (CSS) externe dans la section <head> d'une page HTML). Les visiteurs de votre site doivent consulter le fichier XML (et non la page XSLT) dans un navigateur. Lorsqu'ils affichent la page, le navigateur exécute la transformation XSL et affiche les données XML, qui sont mises en forme par la page XSLT liée.

D'un point de vue conceptuel, la relation entre les pages XSLT et XML liées est similaire, tout en étant différente, au modèle de page CSS externe/HTML. Lorsqu'une page HTML contient du contenu (tel que du texte), vous utilisez une feuille de style externe pour formater ce contenu. La page HTML détermine le contenu, tandis que le code CSS externe, qui est totalement invisible pour l'utilisateur, détermine la présentation. Avec XSLT et XML, la situation est inversée. Le fichier XML (que l'utilisateur ne voit jamais sous forme brute) détermine le contenu alors que la page XLST définit la présentation. La page XSLT contient les tableaux, la mise en forme, les graphiques etc. que contient d'ordinaire le code HTML standard. Lorsqu'un utilisateur affiche le fichier XML dans un navigateur, la page XSLT met le contenu en forme.

Afficher le graphique à sa taille d'origine

1.
Le navigateur demande un fichier XML.

2.
Le serveur répond en envoyant le fichier XML au navigateur.

3.
Le navigateur lit la directive XML et appelle le fichier XSLT.

4.
Le serveur envoie le fichier XSLT au navigateur.

5.
Le navigateur transforme les données XML et les affiche.

Lorsque vous utilisez Dreamweaver pour associer une page XSLT à une page XML, Dreamweaver insère le code approprié en haut de la page XML. Si la page XML liée vous appartient (autrement dit, si le fichier XML réside exclusivement sur votre serveur Web), il vous suffit d'utiliser Dreamweaver pour insérer le code approprié qui lie les deux pages. Lorsque vous êtes le propriétaire du fichier XML, les transformations XSL exécutées par le client sont totalement dynamiques. En d'autres termes, toute mise à jour des données du fichier XML est automatiquement répercutée sur toute sortie HTML utilisant la page XSLT liée.

Remarque : Les fichiers XML et XSL que vous utilisez dans les transformations côté client doivent résider dans un même répertoire. Si tel n'est pas le cas, le navigateur lit le fichier XML et trouve la page XLST à utiliser pour la transformation, mais ne peut pas localiser les actifs (feuilles de style, images etc.) définis par les liens relatifs dans la page XSLT.

Si la page XML liée ne vous appartient pas (si, par exemple, vous souhaitez utiliser des données XML provenant d'un fil RSS sur le Web), le processus est légèrement plus compliqué. Pour exécuter des transformations côté client utilisant des données XML issues d'une source externe, vous devez d'abord télécharger le fichier XML source dans le répertoire contenant votre page XSLT. Une fois la page XML sur votre site local, vous pouvez utiliser Dreamweaver pour ajouter le code approprié afin de la lier à la page XSLT et envoyer les deux pages (la page XML téléchargée et la page XSLT liée) à votre serveur Web. Lorsque l'utilisateur affiche la page XML dans un navigateur, la page XSLT met le contenu en forme, tout comme dans l'exemple précédent.

Les transformations XLS côté client de données XML provenant d'une source externe présentent toutefois un inconvénient : les données XML ne sont que partiellement « dynamiques ». Le fichier XML que vous téléchargez et modifiez est un simple « instantané » du fichier qui réside autre part sur le Web. Si le fichier XML d'origine change sur le Web, vous devez à nouveau le télécharger, le lier à la page XSLT et envoyer le fichier XML à votre serveur Web. Le navigateur assure uniquement le rendu des données qu'il reçoit du fichier XML sur votre serveur Web, non des données que contient le fichier XML source d'origine.