Skip to content
Jan 4 /

Determining when an HTML control has finished loading in Adobe AIR using Flex

,

The following example shows how you can determine when an Adobe AIR HTML control has finished loading by listening for the complete event on the HTML control.

Full code after the jump.

<?xml version="1.0" encoding="utf-8"?>
<!-- http://airexamples.com/2009/01/04/determining-when-an-html-control-has-finished-loading-in-adobe-air-using-flex/ -->
<mx:WindowedApplication name="HTML_complete_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        width="1024"
        height="768">
 
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
 
            private function html_complete(evt:Event):void {
                Alert.show(evt.type);
            }
        ]]>
    </mx:Script>
 
    <mx:HTML id="html"
            location="http://airexamples.com/"
            complete="html_complete(event);"
            width="100%"
            height="100%" />
 
</mx:WindowedApplication>

You can also listen for the complete event using ActionScript using the static Event.COMPLETE constant, as seen in the following example:

<?xml version="1.0" encoding="utf-8"?>
<!--  -->
<mx:WindowedApplication name="HTML_complete_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        width="1024"
        height="768"
        initialize="init();">
 
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
 
            private function init():void {
                html.addEventListener(Event.COMPLETE, html_complete);
            }
 
            private function html_complete(evt:Event):void {
                Alert.show(evt.type);
            }
        ]]>
    </mx:Script>
 
    <mx:HTML id="html"
            location="http://airexamples.com/"
            width="100%"
            height="100%" />
 
</mx:WindowedApplication>
Filed under HTML
Leave a Comment