La gestion du texte
CHAPITRE 14
349
Travailler avec des classes
Dans l’exemple précédent, nous avons redéfini la balise body, mais nous aurions tout
autant pu en redéfinir d’autres. Il existe également une autre solution qui consiste à créer
un sélecteur de type classe.
Voilà comment nous pourrions adapter l’exemple précédent pour qu’il gère une classe.
Fichier de référence : Chapitre14/texte10.fla
var styleDuProjet:StyleSheet = new StyleSheet();
var styleMotsCles:Object = new Object();
styleMotsCles.letterSpacing = 2;
styleMotsCles.color = "#BB0000";
styleDuProjet.setStyle(".motCle", styleMotsCles);
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
comprendre le sens des mots alors que cette phrase n'a pas de sens";
À la lecture de ce script, quelle différence doit-on faire avec la redéfinition d’une balise ?
Observez bien la méthode setStyle(). Son premier paramètre possède un point pour
signifier qu’il s’agit d’une classe. La deuxième et dernière différence se situe au niveau
du balisage du texte HTML. Nous avons fait appel à l’attribut class pour lequel nous
avons indiqué le nom de la classe motCle. Nous utilisons la balise afin de définir
des zones dans le texte.
Importation d’une feuille de styles sous forme de fichier externe
Fichiers de référence : Chapitre14/texte11.fla et styles.css
Comme nous l’évoquions en introduction à ce développement dédié à la mise en forme à
base de styles CSS, il est possible de charger un fichier externe au lieu de créer un objet
pour lequel vous définissez des valeurs d’attributs. Voilà comment vous devez procéder.
1. Déclarez les instances des classes StyleSheet(), URLLoader() et URLRequest().Ces deux
dernières sont initialisées au moment de la déclaration.
var styleDuProjet:StyleSheet;
var chargeur:URLLoader = new URLLoader();
var adresseCSS:URLRequest = new URLRequest("styles.css");
Remarque
Pour simplifier la compréhension du script qui va suivre, nous avons allégé le code en supprimant les
lignes d’instructions chargées de créer le texte dynamique sur la scène. Nous avons directement placé un
texte sur la scène que nous avons nommé leMessage.
CHAPITRE 14
349
Travailler avec des classes
Dans l’exemple précédent, nous avons redéfini la balise body, mais nous aurions tout
autant pu en redéfinir d’autres. Il existe également une autre solution qui consiste à créer
un sélecteur de type classe.
Voilà comment nous pourrions adapter l’exemple précédent pour qu’il gère une classe.
Fichier de référence : Chapitre14/texte10.fla
var styleDuProjet:StyleSheet = new StyleSheet();
var styleMotsCles:Object = new Object();
styleMotsCles.letterSpacing = 2;
styleMotsCles.color = "#BB0000";
styleDuProjet.setStyle(".motCle", styleMotsCles);
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
comprendre le sens des mots alors que cette phrase n'a pas de sens";
À la lecture de ce script, quelle différence doit-on faire avec la redéfinition d’une balise ?
Observez bien la méthode setStyle(). Son premier paramètre possède un point pour
signifier qu’il s’agit d’une classe. La deuxième et dernière différence se situe au niveau
du balisage du texte HTML. Nous avons fait appel à l’attribut class pour lequel nous
avons indiqué le nom de la classe motCle. Nous utilisons la balise afin de définir
des zones dans le texte.
Importation d’une feuille de styles sous forme de fichier externe
Fichiers de référence : Chapitre14/texte11.fla et styles.css
Comme nous l’évoquions en introduction à ce développement dédié à la mise en forme à
base de styles CSS, il est possible de charger un fichier externe au lieu de créer un objet
pour lequel vous définissez des valeurs d’attributs. Voilà comment vous devez procéder.
1. Déclarez les instances des classes StyleSheet(), URLLoader() et URLRequest().Ces deux
dernières sont initialisées au moment de la déclaration.
var styleDuProjet:StyleSheet;
var chargeur:URLLoader = new URLLoader();
var adresseCSS:URLRequest = new URLRequest("styles.css");
Remarque
Pour simplifier la compréhension du script qui va suivre, nous avons allégé le code en supprimant les
lignes d’instructions chargées de créer le texte dynamique sur la scène. Nous avons directement placé un
texte sur la scène que nous avons nommé leMessage.