nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Issues adding a hyperlink to resultGraphic in popupTemplate

TristanG

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.

Trouver plus de publications taguées avec

Accepted answers

JoelBennett

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

All comments

TristanG

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!

JoelBennett

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

TristanG

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

TristanG

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.

kenbuja

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]
  }
});

TristanG

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

showresult example.PNG

what the popup looks like

what it looks like in console

kenbuja

Can you post your code?

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.