codigo css, nombre del archivo "estilo.css"
Código :
.producto
{
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: #000000
}
.precio
{
font-family: Verdana;
font-size: 10px;
color: #000000
}
codigo xml, nombre del archivo "losproductos.xml"
Código :
<productos>
< item producto = "Producto 1" precio = "10000" />
< item producto = "Producto 2" precio = "15000" />
< item producto = "Producto 3" precio = "20000" />
< item producto = "Producto 4" precio = "15000" />
</productos>
codigo actionscript
Código :
var estilo = new TextField.StyleSheet;
estilo.load("estilo.css"); //Cargo la Hoja de Estilo Cascada
var productos = new XML(); //nombre de variable igual al primer nodo del archivo XML
productos.ignoreWhite= true;
productos.load("losproductos.xml"); //cargo el archivo xml
productos.onLoad = function () {
long= productos.firstChild.childNodes.length;//¿Cuantos productos hay?
i=0;
cajadetexto.html = true; //Le digo que se va a escribir en HTML
cajadetexto.multiline = true;//que va a tener varias lineas
cajadetexto.wordWrap = true; // que las lineas respeten el ancho de la caja de texto
cajadetexto.styleSheet= estilo;// establezco la hoja de estilo cascada
while (i<long){
cajadetexto.htmlText+="<p class='producto' >";
cajadetexto.htmlText+=cajadetexto.firstChild.childNodes[i].attributes.producto;
cajadetexto.htmlText+= " </p> <p class='precio' >"
cajadetexto.htmlText+=cajadetexto.firstChild.childNodes[i].attributes.precio + "</p>";
i++;
}//fin while
cajadetexto.autoSize=true;
} //fin productos.onLoad
La última línea que dice:
Código :
cajadetexto.autoSize = true;
Es para que la caja de texto tome la altura de todo el HTML, y así muestra todos los productos, si quieres la quita. Fácil no?!

, bueno una clasesita de XML, CSS y ActionScript

cualquier duda publícala,