ActionScript 3 – Programmation séquentielle et orientée objet
350
Le fichier styles.css contient les lignes suivantes :
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: 474763;
}
.citation {
font-style: italic;
color: #FF0000;
}
2. Effectuez la demande de chargement et enregistrez un écouteur.
chargeur.load(adresseCSS);
chargeur.addEventListener(Event.COMPLETE, cssChargees);
3. Nous terminons cette procédure en définissant la fonction de rappel cssChargees.
function cssChargees(evt:Event) {
}
Cette fonction contient tout le code qui va être chargé de :
• Initialiser la classe StyleSheet().
• Placer le contenu du fichier CSS dans l’instance de la classe StyleSheet().
• Appeler la propriété styleSheet qui rattache la feuille de styles à l’instance leMessage
(le texte dynamique sur la scène).
styleDuProjet = new StyleSheet();
styleDuProjet.parseCSS(evt.target.data);
leMessage.styleSheet = styleDuProjet;
À présent, vous pouvez placer le texte HTML qui contient la balise que nous avons
redéfinie, ainsi que la classe citation.
Le script global devrait ressembler à cela :
var styleDuProjet:StyleSheet;
var chargeur:URLLoader = new URLLoader();
var adresseCSS:URLRequest = new URLRequest("styles.css");
chargeur.load(adresseCSS);
chargeur.addEventListener(Event.COMPLETE, cssChargees);
function cssChargees(evt:Event) {
styleDuProjet = new StyleSheet();
styleDuProjet.parseCSS(evt.target.data);
leMessage.styleSheet = styleDuProjet;
leMessage.htmlText = "Le texte qui se trouve à cet
endroit précis de la scène ne peut contenir plus de sens qu'il ne possède de
signes typographiques. C'est pourquoi, il est important
de comprendre le sens des mots alors que cette phrase n'a pas de sens";
}