Load a CSS document and use that data to populate a StyleSheet object

Load a CSS document and use that data to populate a StyleSheet object : StyleSheet : Development Flash / Flex / ActionScript examples

Flash / Flex / ActionScript examples » Development » StyleSheet »

Load a CSS document and use that data to populate a StyleSheet object


 
package {

  import flash.display.Sprite;
  import flash.text.TextField;
  import flash.events.Event;
  import flash.text.TextFieldAutoSize;
  import flash.text.StyleSheet;
  import flash.net.URLLoader;
  import flash.net.URLRequest;

  public class CSSText extends Sprite {
      
    public function CSSText(  ) {
         var loader:URLLoader = new URLLoader(  );
         loader.addEventListener(Event.COMPLETE, onLoadCSS);
         var request:URLRequest = new URLRequest("styles.css");
         loader.load(request);
    }
    
    private function onLoadCSS(event:Event):void {
      var css:StyleSheet = new StyleSheet(  );
      css.parseCSS(URLLoader(event.target).data);
         var field:TextField = new TextField(  );
         field.autoSize = TextFieldAutoSize.LEFT;
         field.wordWrap = true;
         field.width = 200;
         addChild(field);
         field.styleSheet = css;
         field.htmlText = "<p><span class='emphasis'>Title</span> </p>";
    }
  }
}