XML Notes
Voici une liste de technologies que vous devriez essayer d'éviter lors de l'utilisation de XML.
Internet Explorer - Îlots de données XML
Qu'est-ce que c'est ?Les îlots de données XML sont des données XML intégrées dans des pages HTML.
Pourquoi devriez-vous éviter de l'utiliser ?Les îlots de données XML ne fonctionnent que dans les navigateurs Internet Explorer.
Que faut-il utiliser à la place ?Vous devriez utiliser JavaScript et XML DOM en HTML pour analyser et afficher du XML.
Pour plus d'informations sur JavaScript et XML DOM, veuillez consulter notreTutoriel XML DOM。
Exemple d'îlot de données XML
Cet exemple utilise le document XML ""。
Liez le document XML à une balise <xml> dans le document HTML. L'attribut id définit l'identifiant de l'îlot de données, et l'attribut src pointe vers le fichier XML :
Exemple
Cet exemple ne fonctionne que dans les navigateurs IE
<body>
<xml id="cdcat" src="cd_catalog.xml.html"></xml>
<table border="1" datasrc="../index.html">
<tr>
<td><span datafld="ARTIST"></span></td>
<td><span datafld="TITLE"></span></td>
</tr>
</table>
</body>
</html>
Essayez-le vous-même »
L'attribut datasrc de la balise <table> lie la table HTML à l'îlot de données XML.
La balise <span> permet à l'attribut datafld de référencer les éléments XML à afficher. Dans cet exemple, "ARTIST" et "TITLE" sont référencés. Lorsque le XML est lu, une ligne de tableau correspondante est créée pour chaque élément <CD>.
Internet Explorer - Comportements
Qu'est-ce que c'est ?Internet Explorer 5 a introduit les comportements. Les comportements sont une méthode permettant d'ajouter des comportements aux éléments XML (ou HTML) à l'aide de styles CSS.
Pourquoi devriez-vous éviter de l'utiliser ?Seul Internet Explorer prend en charge l'attribut behavior.
Qu'utiliser à la place ?Utilisez plutôt JavaScript et XML DOM (ou HTML DOM).
Exemple 1 - Mise en évidence au survol de la souris
L'élément <style> dans le fichier HTML suivant définit un comportement pour l'élément <h1> :
<head>
<style type="text/css">
h1 { behavior: url(behave.htc) }
</style>
</head>
<body>
<h1>Survolez-moi !!!</h1>
</body>
</html>
Ci-dessous se trouve le document XML "behave.htc" (ce fichier contient un morceau de JavaScript et des gestionnaires d'événements pour l'élément) :
<attach for="element" event="onmouseout" handler="low_lite" />
<script>
function hig_lite()
{
element.style.color='red';
}
function low_lite()
{
element.style.color='blue';
}
</script>
Essayez-le vous-même »
Exemple 2 - Simulation de machine à écrire
L'élément <style> dans le fichier HTML suivant définit un comportement pour l'élément avec l'id "typing" :
<head>
<style type="text/css">
#typing
{
behavior:url(typing.htc);
font-family:'courier new';
}
</style>
</head>
<body>
<span id="typing" speed="100">IE5 a introduit les comportements DHTML.
Les comportements sont un moyen d'ajouter des fonctionnalités DHTML aux éléments HTML
avec la facilité du CSS.<br /><br />Comment fonctionnent les comportements ?<br />
En utilisant XML, on peut lier des comportements à n'importe quel élément d'une page web
et manipuler cet élément.</p>v </span>
</body>
</html>
Ci-dessous se trouve le document XML "typing.htc" :
<method name="type" />
<script>
var i,text1,text2,textLength,t;
function beginTyping()
{
i=0;
text1=element.innerText;
textLength=text1.length;
element.innerText="";
text2="";
t=window.setInterval(element.id+".type()",speed);
}
function type()
{
text2=text2+text1.substring(i,i+1);
element.innerText=text2;
i=i+1;
if (i==textLength)
{
clearInterval(t);
}
}
</script>
Essayez-le vous-même »
Autres extensions