topic Re: Issues adding a hyperlink to resultGraphic in popupTemplate in ArcGIS JavaScript Maps SDK Questions

Issues adding a hyperlink to resultGraphic in popupTemplate

TristanG — Thu, 13 Apr 2023 19:26:04 GMT

I have 2 arrays of <a> tags, one has an href attribute, and the other has an onclick attribute. When the <a> arrays are carried into the popupTemplate, it always clears all the attributes but keeps the text within <a></a>, rendering the link unusable or incorrect.

Re: Issues adding a hyperlink to resultGraphic in popupTemplate

KenBuja — Thu, 13 Apr 2023 19:59:51 GMT

Can you post your code?

Re: Issues adding a hyperlink to resultGraphic in popupTemplate

TristanG — Thu, 13 Apr 2023 20:55:16 GMT

Here are some snippets of the relevant pieces of code:

this is within a large for loop, so all the links in this array is set to this

what the popup looks like

what it looks like in console

Re: Issues adding a hyperlink to resultGraphic in popupTemplate

KenBuja — Thu, 13 Apr 2023 21:31:06 GMT

What are you expecting when someone clicks on "Test"? If it's opening up another site, then this works (using this sample)

var linkArray = [ "<a href='http://google.com'>Test</a>", ] const polylineGraphic = new Graphic({ geometry: polyline, symbol: lineSymbol, attributes: lineAtt, popupTemplate: { // autocasts as new PopupTemplate() title: "{Name}", content: linkArray[0] } });

Re: Issues adding a hyperlink to resultGraphic in popupTemplate

TristanG — Thu, 13 Apr 2023 21:54:39 GMT

So the links I am grabbing from an underlying webpage, has links that look like(which is supposed to get copy and pasted into the popupbox):

^This one is supposed to open an alert() dialogue box in the browser.

<a href='javascript&colon;linkTest();'>Test</a> (&colon; is supposed to just be a normal colon but the forum is changing it to &colon;)

^This one is supposed to bring a user to a new website using a javascript function, as it returns a link that is dynamically generated

The main issue that I am having, is that it seems to remove all of the attributes, if it isn't a normal link like what you did above.

Re: Issues adding a hyperlink to resultGraphic in popupTemplate

TristanG — Thu, 13 Apr 2023 21:49:52 GMT

by what I mean by "copy and pasted", I grabbed all the links and stored them into an array, to be displayed into the popupBox

Re: Issues adding a hyperlink to resultGraphic in popupTemplate

JoelBennett — Thu, 13 Apr 2023 23:09:55 GMT

Have you seen this thread? You'll find various proposed solutions to this kind of problem there.

Re: Issues adding a hyperlink to resultGraphic in popupTemplate

TristanG — Fri, 14 Apr 2023 03:31:26 GMT

Thanks for the pointer! I swear I was looking everywhere up and down, but I just wasn't using the right phrasing. This immediately helped!