[XML] --- Inclusion des données XML

I'm_HERE Lun 6 Oct - 15:25

Plusieurs possibilitées sont offertes pour Inclure des données XML dans un fichier HTML, on va citer quelques-unes :

1- îlot de données : (IE seulement)

Il s'agit d'attributs HTML conçus pour rendre possible ses inclusions, un exemple :

Fichier HTML - test.htm -

Code:: <html> <head> <title>Initiation (1) XML</title> <Link rel="stylesheet" type="text/css" href="test.css" /> </head> <body> <xml id="test" src="test.xml" /> <table datasrc="#test"> <caption>Pays/désignation</caption> <tr> <td><span datafld="pays" /></td> <td><span datafld="des" /></td> </tr> </table> </body> </html>

Fichier XML - test.xml -

Code:: <?xml version="1.0" encoding="ISO-8859-1"?> <root> <eqp> <pays>Tunisie</pays> <des>Les aigles de carthage</des> </eqp> <eqp> <pays>France</pays> <des>Les coqs</des> </eqp> <eqp> <pays>Cameroun</pays> <des>Les lions indomptables</des> </eqp> <eqp> <pays>Maroc</pays> <des>Les lions de l'atlas</des> </eqp> <eqp> <pays>Egypte</pays> <des>Les pharaons</des> </eqp> <eqp> <pays>italie</pays> <des>squadra azzura</des> </eqp> <eqp> <pays>Ghana</pays> <des>Black stars</des> </eqp> </root>

Et pour le lifting : Smile

Fichier CSS - test.css -

Code:: table { border-collapse: separate; border: 1px dashed gray; } table caption { font: small-caps italic 35px/39px Georgia; color: #aaa; padding:10px; background-color:#eee; } table tr { padding:10px; font-family: Trebuchet MS; }

2- utilisation du code JavScript : (IE seulement)

On va utiliser le même fichier XML conservez son nom initial "test.xml", par contre on va utiliser un autre fichier XSL.

Fichier HTML - test2.htm -

Code:: <html> <body> [color=red] <script type="text/javascript"> var xml = new ActiveXObject("Microsoft.XMLDOM") xml.async = false xml.load("test.xml") var xsl = new ActiveXObject("Microsoft.XMLDOM") xsl.async = false xsl.load("test.xsl") document.write(xml.transformNode(xsl)) </script> [/color] </body> </html>

Fichier XSL - test.xsl -

Code:: <?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> <head> <title>Initiation (2) XML</title> <link rel="stylesheet" type="text/css" href="test2.css" /> </head> <body> <table> <tr> <th>Pays</th> <th>Désignation</th> </tr> <xsl:for-each select="root/eqp"> <tr> <td><xsl:value-of select="pays"/></td> <td><xsl:value-of select="des"/></td> </tr> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet>

Fichier CSS - test2.css -

Code:: table { border-collapse: separate; border: 1px dashed gray; } table th { font: small-caps italic 35px/39px Georgia; color: #aaa; padding:10px; background-color:#eee; } table tr { padding:10px; font-family: Trebuchet MS; }

3- utilisation des entités générales de la DTD :

Fichier XML - test3.xml -

Code:: <?xml version="1.0" encoding="ISO-8859-1"?> <!DOCTYPE racine SYSTEM "test3.dtd"> <racine> <arbre>Je suis le fils de mon père et le père de mon fils n'est autre que le frère de ma &next1;</arbre> &next2; </racine>

Fichier DTD - test3.dtd-

Code:: <!ELEMENT racine (arbre*)> <!ELEMENT arbre (#PCDATA)> <!ENTITY next1 "soeur"> <!ENTITY next2 "<arbre>Vous voulez plus encore !!</arbre>">

&next1; = <!ENTITY next1 "soeur">
&next2; = <!ENTITY next2 "<arbre>Vous voulez plus encore</arbre>">

4- utilisation de XInclude :

XInclude est un dialecte XML il est conçu pour être un langage d'inclusion, les navigateurs ne supportent pas encore XInclude, dommage Sad

Ce langage à son propre espace de nommage il peut être ainsi fusionner à d'autres langages XML. Les éléménts principaux de ce dialecte sont <include> <fallback> ils s'utilisent conjointement pour apporter une condition alternative aux inclusions c-à-d une sorte de "IF ELSE" mais alléger au maximum puisque XInclude n'est pas un langage de programmation, et n'est pas censé l'être..
Pour plus d'infos : http://www.w3.org/TR/xinclude/