Forums Développement Multimédia

Les formations Mediabox
Les formations Mediabox

Balises HTML supportées

Compatible ActionScript 2. Cliquer pour en savoir plus sur les compatibilités.Par ???

Flash permet d'intégrer du code HTML à l'intérieur des champs textes dynamique (TextField), mais pour ce faire il faut activer l'interprétation en définissant la méthode TextField.html à true. Mais il n'est pour le moment pas possible d'utiliser toutes les balises structurelles et de mise en forme existantes (d'après les recommandations du W3C)

Notez que les balise de titre (<h1>, <h2>…) ne sont pas disponibles, que seule la balise <li> pour faire des listes est reconnue, et que les balises de mise en forme basique sont celles du “Tiny HTML” (<b>, <i> et <u>) et non celles du XHTML (<strong>, <em>).

Liens <a>

La balise <a> permet de créer des liens hypertextes. Elle supprote les attributs suivants :

  • href : indique l'URL de la page à rejoindre. L'URL peut être absolue, ou relative à l'emplacement du fichier SWF .
  • target : spécifie la fenêtre devant accueillir la page liée (_self, _blank, _top ou_parent).

Par exemple, le code suivant crée un lien vers votre Wiki favoris :

Champ_txt.htmlText = "<a href='http://wiki.media-box.net/' target='_blank'>A l'aide !</a>";

Vous pouvez aussi utiliser le protocole spécial baptisé asfunction pour exécuter une fonction ActionScript à l'inérieur même de l'animation. Pour plus d'information, lisez la documentation à propos de ''asfunction''.

Images <img>

La balise <img> permet d'inclure dans un TextField : une image JPG, une animation Flash depuis un SWF externe ou un symbole de la bibliothèque.

la balise <img> supporte les attributs suivants :

  • src : indique l'URL du fichier JPG ou SWF ou le nom du symbole de la bibliothèque à afficher. Cet attribut est obligatoire, contrairement à tous les autres attributs. L'image n'est pas affichée tant que son shargement n'est pas entièrement terminé. Note : FlashPlayer ne reconnait que les JPG non-progressifs, les JPG progressifs ne seront donc pas affichés.
  • id : indique le nom du MovieClip (créé par FlashPlayer) qui contient l'image. Cette métgode est pratique si vous souhaitez le contrôler avec ActionScript.
  • width et height : déterminent la largeur et la hauteur de l'image.
  • align : alignement horizontal (left par défaut ou right).
  • hspace et vspace : marges en pixels, 8 par défaut.

Note : Si vous utilisez la balise <img> au début du champ texte, l'image ne s'affiche pas. Il faut obligatoirement que la balise soit précédé d'un caractère autre que l'espace (ignoré en HTML). Une astuce conciste conciste à ajouter un espace avant la balise en le codant (&#32;) :

tf.html = true;
tf.htmlText = "&#32;<img src='image.jpg'>";

Retour chariot <br>

La balise <br> est le subtitue HTML à \n ou \p, elle permet de créer un retour chariot. Comme pour <img>, il est nécessaire que le TextField soit en mode multilines.

Champ_txt.multiline = true;
Champ_txt.htmlText = "- Anne regardez le ciel. <br>- Oh ! qu'il est <font color='#0033FF'>bleu</font>.";

Typographie <font>

Listes <li>

La balise <li> permet de déclarer une liste et de mettre des puces au début de chaque ligne. Par exemple, la code suivant :

Grocery list:
<li>Apples</li>
<li>Oranges</li>
<li>Lemons</li>

Affichera :

Grocery list:
  * Apples
  * Oranges
  * Lemons

Note : remarquez que les balises de liste ordonnée ou non-ordonnées (<ul> et ol) ne sont pas reconnues par FlashPlayer.

Paragraphes <p>

La balise <p> crée un nouveau paragraphe. Elle supporte les attributs suivant :

  • align : indique l'alignement du texte à l'intérieur du paragraphe (left, center ou right).
  • class : indique une classe de style à appliquer au paragraphe. Pour modifier une classe de style, il faut utiliser l'objet TextField.StyleSheet

L'exemple suivant utilise l'attribut align pour coller le texte à droite du champ texte :

champ_txt.htmlText = "<p align='right'>Ce texte est aligné à droite ...</p>";

Bloc <span>

Format spécial <textformat>

Gras <b>

La balise <b> permet de mettre en gras le texte qu'elle contient. Par exemple :

Champ_txt.htmlText = "Il est <b>prêt</b> à partir !";

La police utilisée doit être disponible en gras pour que le texte soit affiché.

Italique <i>

La balise <i> permet de mettre en italique le texte qu'elle contient. Par exemple :

Champ_txt.htmlText = "C'est très <i>intéressant</i>.";

La police utilisée doit être disponible en italique pour que le texte soit affiché.

Souligner <u>

La balise <u> permet de souligner te texte qu'elle contient. Par exemple :

Champ_txt.htmlText = "<u>Les Fables</u> de La Fontaine sont courtes.";

La police utilisée doit être disponible en souligné pour que le texte soit affiché.

Liens

Internes

Externes