domenica 11 novembre 2007

Integrare CSS e HTML in Flash MX

Flash mx 2004 integra una funzione per caricare degli stili css ed associarli ad una casella di testo.
È così possibile integrare del contenuto html direttamente in flash e controllarne l’aspetto tramite css esterni.
Creiamo un pò di testo tramite la variabile testo e testo +=, creaiamo poi l’oggetto CSS con new TextField.StyleSheet();, carichiamo il foglio di stile (in questo caso stile.css) ed una volta che il caricamento ha avuto esito positivo applichiamo il testo e la formattazione alla casella di testo casella.
testo = "CODICE HTML...";
var cssext = new TextField.StyleSheet();cssext.load("stile.css");
cssext.onLoad = function(success) {if (success) {casella.styleSheet = cssext;casella.htmlText = testo;}}
I css sono necessariamente più semplici di quelli usati normalmente, le misure basta indicarle solo numericamente senza indicare px o pt (comunque non ci sarebbe distinzione).Per maggiori informazioni sui tag e proprietà supportati è bene dare un’occhiata all’help integrato in flash (F1).
Css usato nell’esempio Flash:
p {font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;color: #333333;font-size: 14;}
a {font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;color: #333333;}
h1 {font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;color: #FF6600;font-size: 16;font-weight: bold;}
h2 {font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;color: #666666;font-size: 14;font-style: italic;