very simple - hyperlink

LynnCarlson

Hello,

Brand new to Flex (or any programming for that matter) and I am trying to do something I know must be very simple, but it is eluding me.  I am hoping someone might be able to take a moment to explain what to do.

I have a point geodatabase feature class with an attribute Rpage.  The value of this attribute for each point is a different URL.  The format of the URL is standard http://blah.blah.blah/blah/

I have been able to modify one of the Flex samples (Feature Layer > InfoWindow On Click) so that  I can click on any point, and see an infowindow with several attributes I want to see, including the field Rpage.  The value for the point clicked shows the http://blah.blah.blah/blah/ as text in the infowindow, but it is not clickable.

This is done by making the point feature class a feature layer, and then using outfields and {data.Rpage} in a VBox.

However, I would like to somehow make the text become a clickable hyperlink.

I tried to create a button within the VBox itself that makes up the infowindow which calls a navigateToURL function.  This didn't work.  When the button is clicked, it is unable to even find the click event function much less go to the correct url.

So now my thought is to somehow pass the outfield {data.Rpage} value (Rpage is the 4th item in the Array) that appears in the infowindow (the http://blah.blah.blah/blah/) to a button that sits outside the map.  Can't get this to work either.

Here is my code:

public function theRpage_clickHandler(event:MouseEvent):void
   {
    var myArray:Array = new Array(fLayer.outFields);
    var theRpageLink:StringField = myArray[4];
    var theRpageURL:URLRequest = new URLRequest('{theRpageLink}');
    navigateToURL(theRpageURL, "_blank");
   }

When the button is clicked, a new browser window opens, but I get a message "can't find the file at /C:/Users/Lynn/Adobe Flash Builder 4/testwver2/bin-debug/{theRpageLink}".

I've tried several variations on this idea with no luck.  What am I doing wrong?  Or is this not possible?

Alternatively, is there a way to format the http://blah.blah.blah in the attribute field itself so that it is rendered as a hyperlink in the infowindow?  I tried <a href></a> tags but that didn't work.

Thanks very much in advance if you can provide any assistance.

Sincerely,
Lynn

UnableToConnect.png

FiddlerCapture.png

LynnCarlson

Thank you SO VERY much!  I've got it working now and it is a beautiful thing.  I've got three instances now of the Research Page link - a plain label, a Link Button, and a regular Button.  All three point to the same click handler event, just in case others might want to see the options.

You guys are life savers - thanks again for taking the time to help out a total novice.  I appreciate it very much.

Sincerely,
Lynn

<esri:infoWindowRenderer>
    <fx:Component>
     <mx:VBox backgroundColor="0xffffff"
        color="0x444444"
        label="Information">

      <fx:Script>
       <![CDATA[
        protected function rPage_clickHandler(event:MouseEvent):void
        {
         var theRpageURL:URLRequest = new URLRequest(data.Rpage);
         navigateToURL(theRpageURL, "_blank");
        }
       ]]>
      </fx:Script>

      <mx:Label text="Location: {data.LocusName}"/>
      <mx:Label text="Faculty Name: {data.FacStaff}"/>
      <mx:Label text="Department: {data.Dept}"/>
      <mx:Label text="Topic: {data.Topic}"/>
      <mx:Label text="Research Page: {data.Rpage}" click="rPage_clickHandler(event)"/>
      <mx:LinkButton label="{data.Rpage.toString()}" toolTip="{data.FacStaff}'s Research Page" click="rPage_clickHandler(event)"/>
      <mx:Button label="{data.FacStaff}'s Research Page" click="rPage_clickHandler(event)"/>
      <mx:Label text="Poster: {data.gallery}"/>
     </mx:VBox>
     
    </fx:Component>
   </esri:infoWindowRenderer>