Vous avez besoin de placer un texte sur la scène qui doit être mis en forme, voici une procédure qui combine un fichier XML, un fichier CSS et une animation Flash.

Nom du fichier XML : informations.xml (fichier enregistré en UNICODE ou UTF-8)
Nom du fichier CSS : styles.css
Nom de l'animation Flash :monanimation.fla

1. Pour commencer, créez un fichier XML contenant les données suivantes :

 <racine>

<![CDATA[<h1>Paris</h1>

<span class='titreNiveau1'> La capitale de la France</span>

<p>La ville lumière est une ville...</p>

<h1>Londres</h1>

<span class='titreNiveau1'> La capitale de la Grande Bretagne</span>

<p>Son oeil, grand et rond...</p>
]]>
            
</racine>

2. Créez ensuite un autre fichier texte contenant les lignes suivantes :

p {
    font-family: Arial, Helvetica, _sans;
    font-size: 14;
}

h1 {
    font-size: 20;
    font-weight: bold;
}

.titreNiveau1 {
    color: #0000CC;
}

3. Pour finir, créez une animation Flash et placez sur la scène, un texte dynamique intitulé etiquette. Placez le script suivant dans la fenêtre Actions.

var donneesXML:URLLoader = new URLLoader();
var adresseXML:URLRequest=new URLRequest("informations.xml");
var arbo:XML;
donneesXML.load(adresseXML);
donneesXML.addEventListener(Event.COMPLETE,informationsChargees);

var donneesCSS:URLLoader = new URLLoader();
var adresseCSS:URLRequest=new URLRequest("styles.css");
var style1:StyleSheet;


function informationsChargees(evt:Event) {
    arbo = new XML(donneesXML.data)
    donneesCSS.load(adresseCSS)
    donneesCSS.addEventListener(Event.COMPLETE, cssChargees);
}

function cssChargees(evt:Event) {
    style1 = new StyleSheet();
    style1.parseCSS(donneesCSS.data);
    etiquette.styleSheet=style1;
    etiquette.htmlText=arbo;
}

La logique de construction de cette animation s'appuie sur le chargement de données XM, puis le chargement d'une feuille de styles avant de l'affecter au contenu d'un texte dynamique.

ATTENTION : Si vous reproduisez cet exemple avec vos propres données et surtout votre propre code, respectez l'ordre de ces deux lignes d'instructions :

etiquette.styleSheet=style1;
etiquette.htmlText=arbo;

Dans le cas ou vous inverseriez les deux lignes ci-dessus comme dans l'exemple ci-dessous, vous ne pourriez pas obtenir la mise en forme du texte.

etiquette.htmlText=arbo;
etiquette.styleSheet=style1;