Intercepting Hyperlinks in HTML Component of Adobe AIR
BY
AIR’s HTML control provides an easy way to render complex html content. It also gives user flexibility in manipulating events and data it contains. For instance, one can easily react to a hyperlink click in an html document.
Consider the following html snippet:
var str:String = ‘Go to <a href=”google.com” id=”linkGoogle”>google</a>’;
html.data = str; // html is of type HTML…
When a user clicks on “google” link, by default, the HTML control will navigate away from the current page and go to google.com. Let’s assume that we’d like to do something different. Let’s say we want to display a native AIR dialog box (called GoogleDialog) that has a text field to accept keywords to search, Search button and Cancel button.
To achieve that, we need to capture the click event of that hyperlink and handle it accordingly.
…
var link:Object = html.htmlLoader.window.document.getElementById(“linkGoogle”);
if (link!=null)
link.addEventListener(“click”, clickHandler);
…/**
* Called when the link is clicked.
*/
private function clickHandler(obj:Object):void {
var googleDialog:GoogleDialog = new GoogleDialog();
…
}
It’s that simple.
POSTED
January 26, 2009
SHARE POST
LOCATED IN
(65)
CATEGORIES
WANT TO SEE OUR WORK?
Visit our case studies page or request specific project examples.
Request our PDF Portfolio
Grio Headquarters
201 Post Street 11th Floor
San Francisco, CA 94108
Grio Mexico City Office
Paseo de la Reforma 26, INT 21-111
Col. Juárez, Ciudad de México, 06600
Grio Salt Lake City Office
150 State Street
Salt Lake City, UT 84111
Find us on
