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

Hoja de estilos con Actionscript 3 no cambia nada a contenido HTML

Estas en el tema de Hoja de estilos con Actionscript 3 no cambia nada a contenido HTML en el foro de Flash y Actionscript en Foros del Web. Hola que tal, les comento el problema que se me presenta: Estoy tratando de hacer que en una película de flash, cargue un texto en ...
  #1 (permalink)  
Antiguo 08/03/2010, 21:09
 
Fecha de Ingreso: julio-2008
Mensajes: 91
Antigüedad: 15 años, 9 meses
Puntos: 6
Hoja de estilos con Actionscript 3 no cambia nada a contenido HTML

Hola que tal, les comento el problema que se me presenta:

Estoy tratando de hacer que en una película de flash, cargue un texto en un campo dinamico desde un XML cosa que es sencillo de hacer. Ahora el problema que tengo es que necesito que este texto se cargue como html (tambien sencillo) pero a la vez darle formato mediante una hoja de estilo.

Probe un codigo que aparece en la ayuda de Flash (ActionScript 3) y le hice algunos cambios pero ni aun asi funciona, el texto es el mismo y no cambia su apariencia.

Probe cambiando la ubicación de la hoja de estilos, tanto en la misma película, desde una página externa, localmente, insertando la película en una página etc. y nada.

Aqui está el código que utilizo en el primer fotograma de la película, estoy utilizando un texto dinamico llamado txtCarta.

Código Javascript:
Ver original
  1. import flash.display.Sprite;
  2. import flash.events.Event;
  3. import flash.net.URLLoader;
  4. import flash.net.URLRequest;
  5. import flash.text.StyleSheet;
  6.  
  7.  
  8.  
  9.     function CSSFormattingExample():void
  10.     {
  11.          
  12.         var req:URLRequest = new URLRequest("ejemplo.css");
  13.          
  14.         loader = new URLLoader();
  15.         loader.addEventListener(Event.COMPLETE, onCSSFileLoaded);
  16.         loader.load(req);
  17.     }
  18.      
  19.     function onCSSFileLoaded(event:Event):void
  20.     {
  21.         var sheet = new StyleSheet();
  22.         sheet.parseCSS(loader.data);
  23.         txtCarta.styleSheet=sheet;
  24.         txtCarta.htmlText="<span class='titulo1'>Hola</span>";
  25.     }
  26.  
  27. CSSFormattingExample();

Para mayores detalles, hice un trace al loader y me muestra todo el codigo de la hoja de estilos, el estilo que le asigno al tag span si existe en la hoja de estilos, si utilizo otros tag html los reconoce, revise la ayuda de flash donde dice que solo se puede utilizar ciertos tags y sigo al pie de la letra estas indicaciones.

Espero puedan ayudarme.

Saludos...
  #2 (permalink)  
Antiguo 09/03/2010, 07:11
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 15 años, 6 meses
Puntos: 175
Respuesta: Hoja de estilos con Actionscript 3 no cambia nada a contenido HTML

mmm.. lindo ejempo copiado del Help.. al menos es bueno saber que hay gente que todavia confia en lo que Adobe proporciona... solo que mi amigo... donde pretendes que
txtCarta.htmlText="<span class='titulo1'>Hola</span>";
se vea? o sea.. por arte de magia no va a a parecer el texto, para ello debes asignarle un contenedor o un campo de Texto tipo textField, si o si... el ejemplo completo decia:

Código actionscript:
Ver original
  1. package
  2. {
  3. // necesarios aqui, porque es una hoja AS
  4.     import flash.display.Sprite;
  5.     import flash.events.Event;
  6.     import flash.net.URLLoader;
  7.     import flash.net.URLRequest;
  8.     import flash.text.StyleSheet;
  9.     import flash.text.TextField;
  10.     import flash.text.TextFieldAutoSize;
  11.  
  12.     public class CSSFormattingExample extends Sprite
  13.     {
  14.         var loader:URLLoader;
  15.         var field:TextField;
  16.         var exampleText:String = "<h1>This is a headline</h1>" +
  17.             "<p>This is a line of text. <span class='bluetext'>" +
  18.             "This line of text is colored blue.</span></p>";
  19.        
  20.         public function CSSFormattingExample():void
  21.         {
  22. //Te saltaste estos elementos constructores de TEXT FIELD, donde iran a parar los estilos
  23.             field = new TextField();
  24.             field.width = 300;
  25.             field.autoSize = TextFieldAutoSize.LEFT;
  26.             field.wordWrap = true;
  27.             addChild(field);
  28.            
  29.             var req:URLRequest = new URLRequest("example.css");
  30.            
  31.             loader = new URLLoader();
  32.             loader.addEventListener(Event.COMPLETE, onCSSFileLoaded);
  33.             loader.load(req);
  34.         }
  35.        
  36.         public function onCSSFileLoaded(event:Event):void
  37.         {
  38.             var sheet:StyleSheet = new StyleSheet();
  39.             sheet.parseCSS(loader.data);
  40.             field.styleSheet = sheet;
  41.             field.htmlText = exampleText;
  42.         }
  43.     }
  44. }

es la unica forma que CSSFormattingExample(); funcione, veo que te saltaste algunos scripts... No se si es necesario que manejandote a nivel de FOTOGRAMAS necesites los import. salvo que sea una aplicaion bastante compleja... en fin..o al menos eso es lo que me parece lógico, ademas ten en cuenta que no todos los TAG html son aceptados o formateados o interpretados de manera correcta.

una saludo
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...
  #3 (permalink)  
Antiguo 09/03/2010, 15:56
 
Fecha de Ingreso: julio-2008
Mensajes: 91
Antigüedad: 15 años, 9 meses
Puntos: 6
Respuesta: Hoja de estilos con Actionscript 3 no cambia nada a contenido HTML

Hola algunas cosas...
Cita:
Iniciado por loncho_rojas Ver Mensaje
es la unica forma que CSSFormattingExample(); funcione, veo que te saltaste algunos scripts...
Si te fijas, al hacer la consulta dije claramente que utilice el codigo de la ayuda de Adobe y la modifique, entonces nose porque mencionas que salte scripts.

Cita:
Iniciado por loncho_rojas Ver Mensaje
ademas ten en cuenta que no todos los TAG html son aceptados o formateados o interpretados de manera correcta.
Tambien lo mencione.


Volviendo al tema, probe el codigo completo que mencionas debe salir, pero tampoco me muestra algun cambio.

Tambien debo decir que buscando en Google encontre un par de ejemplos que es casi lo mismo de la ayuda de Flash (Sin miedo a equivocarme la mayoria toma los ejemplos de las web y los adapta a sus necesidades).

Sigo probando y espero que alguien que le haya pasado lo mismo pueda ayudarme de alguna manera.

Saludos...
  #4 (permalink)  
Antiguo 10/03/2010, 13:00
 
Fecha de Ingreso: julio-2008
Mensajes: 91
Antigüedad: 15 años, 9 meses
Puntos: 6
Respuesta: Hoja de estilos con Actionscript 3 no cambia nada a contenido HTML

Solucione mi problema.

Pense que tenia problemas con los package, pero no era asi porque lei esto: http://www.forosdelweb.com/f16/as3-d...-demas-715663/

El problema fue (y ya lo habia sospechado) es que mi hoja de estilo tenia muchas reglas (Para id, clases y etiquetas), entonces borre todas menos con las que queria trabajar.

El error era que habia creado reglas avanzadas por ejemplo .text_big ul o cosas asi, borre todas las reglas parecidas y funciono. Porsiacaso el parseCSS ignora las reglas para id #content, etc.....

Espero esto le sirva a alguien

Saludos...

Etiquetas: actionscript, css, estilos, flash, hoja, pelicula
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 05:01.