More AIR web automation – styles and dispatching mouse events

Follow-up to Automating web workflow in Adobe AIR from Transversality - Robert O'Toole

More experiments with creating automated workflows using the AIR html component. The following code gets the dom document once the html has loaded. It then gets a reference to a span in the document called 'edittool'. Once an element is referenced as a Flex Object, we can call native javascript methods on it. In this case, I give it a yellow dashed border. I then get hold of the A element that is it's child, and dispatch a mouse over event to it, causing its mouseover handler to be called. The result is that the edit menu appears.

private function initDomWindow(event:Event):void {
    this.domWindow = event.currentTarget.domWindow;				
    var edittool:Object = domWindow.document.getElementById("edittool");
    edittool.style.borderColor = "yellow";
    edittool.style.borderStyle = "dashed";
    var overevent:Object = domWindow.document.createEvent("MouseEvents")
    overevent.initEvent("mouseover", true, true);	
    var a:Object = edittool.getElementsByTagName('A')[0];	
    a.dispatchEvent(overevent);
}

The html mxml tag is configured as:

<mx:HTML id="htmlTranslate" width="800" height="800" location="{this.url}" complete="initDomWindow(event)"/>

Robert O'Toole : 08 Mar 2009 16:18 |  Tags: Air Flex Rich Internet Applications |  Comments (0) |  Report a problem