The following example shows how you can open a new browser window/tab by double clicking a Flex Image control by setting the doubleClickEnabled property to true and calling the navigateToURL() method
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/11/09/opening-a-new-browser-window-by-double-clicking-an-image-control-in-flex/ -->
<mx:Application name="Image_doubleClick_test"
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Script>
<![CDATA[
import flash.net.navigateToURL;
private function img_doubleClick(evt:MouseEvent):void {
var src:String = evt.currentTarget.source;
var urlReq:URLRequest = new URLRequest(src);
navigateToURL(urlReq, "_blank");
}
]]>
</mx:Script>
<mx:Image id="img1"
source="http://www.helpexamples.com/flash/images/image1.jpg"
doubleClickEnabled="true"
doubleClick="img_doubleClick(event);" />
<mx:Image id="img2"
source="http://www.helpexamples.com/flash/images/image2.jpg"
doubleClickEnabled="true"
doubleClick="img_doubleClick(event);" />
</mx:Application>
It works only for IE , not for Mozilla or safari .
it works in chrome and mozilla :), not sure about safari.
you have a great blog there, even though the examples are simple, they save hours of debugging, and looking through the flex docs. keep up the good work.
Safari? Who uses Safari anyways?
i recently completed my first paid full flex site…your blog has been a HUGE help in it’s development…..THANX
I have linked using a button and the img tag and they both work for all three browsers. On a side note, I did not use a mouseEvent to trigger the function. Instead I just passed a string to a function and used the string as the site variable of URLRequest object.