Point popup hyperlink

ScottWilson2

Hi, I have a map with multiple points, when i click on a point i get a pointInfoTemplate popup.  I'm experimenting with adding my own hyperlink into this popup.  So far, i've only been able to add the hyperlink into the title area which says 'click me'.  I would like to add the hyperlink below the header, somewhere in the content pane, is that possible?  If so, what could should i use?  I've copied the snippet below.

thanks

<SPAN class="" style="color: #999999; border: 0px;">var x = item.geometry.x;
var y = item.geometry.y;
var point = new Point(x, y, spatial);

 var pointAttributes = { Location: "item.attributes.LOCATION", Type: "item.attributes.BinType" };
 
 var pointInfoTemplate = new InfoTemplate("item.attributes.LOCATION<br/><a class='clickMe' href='#' onclick='alert(item.geometry.x + \", \" + item.geometry.y);return false'>click me</a>"); 
 var pointGraphic = new Graphic(point, pictureSymbol, pointAttributes, pointInfoTemplate);
  
 map.graphics.add(pointGraphic);
</SPAN><CODE class=""><SPAN class="" style="color: #0077aa; border: 0px;">for</SPAN> <SPAN class="" style="color: #dd4a68; border: 0px;">each</SPAN> <SPAN class="" style="color: #999999; border: 0px;">(</SPAN><SPAN class="" style="border: 0px;"><SPAN class="" style="color: #0077aa; border: 0px;">var</SPAN> item <SPAN class="" style="color: #0077aa; border: 0px;">in</SPAN> apiData.items</SPAN><SPAN class="" style="color: #999999; border: 0px;">)</SPAN> <SPAN class="" style="color: #999999; border: 0px;">{</SPAN>

<SPAN class="" style="color: #999999; border: 0px;">}</SPAN>

rscheitlin

Scott,

   In your code the only thing you are specifying in the InfoTemplate constructor is the title. That is why your link is appearing in the title.

<SPAN class="keyword token">var</SPAN> pointInfoTemplate <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">InfoTemplate</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"item.attributes.LOCATION<br/><a class='clickMe' href='#' onclick='alert(item.geometry.x + \", \" + item.geometry.y);return false'>click me</a>"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

If you add a second string parameter in the constructor then you will be specifying the templates actual content.

https://developers.arcgis.com/javascript/3/jsapi/infotemplate-amd.html#infotemplate2