Foros del Web » Creando para Internet » Flash y Actionscript »

Aplicar CSS a un campo de texto

Estas en el tema de Aplicar CSS a un campo de texto en el foro de Flash y Actionscript en Foros del Web. Hola, os planteo mi problema por si alguien seha encontrado con algo similar y me puede echar un cable. Tengo que cargar en un campo ...
  #1 (permalink)  
Antiguo 16/08/2009, 05:10
 
Fecha de Ingreso: enero-2003
Mensajes: 39
Antigüedad: 18 años
Puntos: 0
Aplicar CSS a un campo de texto

Hola, os planteo mi problema por si alguien seha encontrado con algo similar y me puede echar un cable.
Tengo que cargar en un campo de texto el contenido de un html externo aplicando los estilos definidos en un archivo css externo.
Revisando documentación y el libro de Action Script 3 de O'Reilly he probado lo siguiente, pero me aparece el texto sin aplicar los formatos:


Fichero "prueba.fla"
var htmlFile:URLLoader;
var cssStyles: StyleSheet;
var cssFile: URLLoader;


function loadCSS(){
cssFile= new URLLoader();
cssFile.addEventListener(Event.COMPLETE, onCSSLoaded, false, 0, true);
cssFile.addEventListener(IOErrorEvent.IO_ERROR, onIOErr, false, 0, true);
cssFile.load(new URLRequest("demo.css"));


}


loadCSS();


function onCSSLoaded (evt: Event): void {
cssStyles = new StyleSheet();
cssStyles.parseCSS(evt.target.data);
htmlFile = new URLLoader();
htmlFile.addEventListener(Event.COMPLETE, onHTMLLoaded, false, 0, true);
htmlFile.addEventListener(IOErrorEvent.IO_ERROR, onIOErr, false, 0, true);
htmlFile.load(new URLRequest("demo.html"));


}


function onHTMLLoaded (evt: Event): void {
var htmlData: String = evt.target.data;
var txtFld = new TextField();
//txtFld.embedFonts=true;
txtFld.width = 550;
txtFld.multiline = true;
txtFld.wordWrap = true;
txtFld.autoSize= TextFieldAutoSize.LEFT;
txtFld.selectable = false;
txtFld.styleSheet = cssStyles;
txtFld.htmlText = htmlData;
addChild(txtFld);


cssFile.removeEventListener(Event.COMPLETE, onCSSLoaded);
cssFile.removeEventListener(IOErrorEvent.IO_ERROR, onIOErr);
cssFile.removeEventListener(Event.COMPLETE, onHTMLLoaded);
cssFile.removeEventListener(IOErrorEvent.IO_ERROR, onIOErr);


}


function onIOErr (evt: IOErrorEvent ) : void {
trace ("Error " + evt.text);
}


Fichero "demo.css"
body {
font-family = Verdana;
margin-left:: 6px;
margin-right: 6px;
}
p{
text-indent:20px;
}


.heading {
font-size:18px;
font-weight:bold;
letter-spacing:1px;
color:#FF66033;
}
.subheading{
font-size:14px;
font-style:italic;
text-align:right;
}


Fichero "demo.html"
<body>
<span class = 'heading'> Uso de Estilos CSS </span><br/>
<span class = 'subheading'> Esto es un ejemplo básico </span><br/>
Lorem ipsum at has vidisse petentium, semper quodsi phaedrum eu mei, cu nam virtute splendide. No dicit accusam mel, paulo splendide disputando ad sed, tempor ceteros vivendum eum et. Ius ex esse vocibus torquatos, mundi iriure ex ius. Ad ius choro putent, no consul saperet vix, legimus legendos pericula nec eu. Cum ipsum ancillae invenire ad, graece atomorum expetenda per te, pro ne dicta singulis vulputate. Eos harum fastidii comprehensam ad, nominavi adipiscing mei at.


</body>


¿Alguien sabe qué esta sucediendo para que no se esten aplicando los estilos? Me aparece el texto, pero sin el tipo de fuente ni tamaño que indico...


Gracias de antemano.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:01.