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

Add a link stored in a database into a popup

GregSalvador

Hi all,

I would like to add a link to my popupTemplate. The Map Service I am using has an attribute table with it. The attribute table has a field called "Online" that links to a specific webpage containing information about the shape clicked. How can I make that field a hyperlink in my popupTemplate? Here is how I thought it should be done:

    var BRADCADpopup = {
        title: "2016 BRADCAD Parcels",
        content: "<b>{Situs}</b><br>" +
        "<a href=\"{Online}\">Appraisal Details</a>"
    };

When I click on the hyperlink in the popup, I get a "Potentially dangerous Request.Path value was detected"

Find more posts tagged with

Accepted answers

GregSalvador

Thank Rickey! I realized my error was I was trying to add "" around my link's href attribute. I noticed you didn't have quotations around yours, so I dumped mine and it worked like a charm.

All comments

RickeyFight

this is how I do it

<SPAN class="keyword token">var</SPAN> template <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">esri<SPAN class="punctuation token">.</SPAN>InfoTemplate</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"${First_Name} ${Last_Name} "</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token"><SPAN>"<a href=</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2FMylocation%2Fcemetery%2F%24" target="_blank">http://Mylocation/cemetery/$</A><SPAN>{Photo_loc} target='_blank'> <img src=${Photo_loc} WIDTH=150 HEIGHT=150></a> <br/> <b>Last Name:</b> ${Last_Name} <br/><b> First Name:</b> ${First_Name}<br/><b> Cemetery:</b> ${Cemetery}<br/> <b>Section:</b> ${Section}<br/> <b>Block: </b>${Block}<br/> <b>Lot:</b> ${Lot}<br/> <b>Space:</b> ${Space}<br/> <b>Age:</b> ${Age}<br/> <b>Date of Birth: </b>${Date_of_Birth}<br/> <b>Birth City:</b> ${Birth_Citys}<br/><b> Birth State:</b> ${Birth_State}<br/> <b>Birth Country:</b> ${Birth_Country}<br/><b> Date of Death: </b>${Date_of_Death}<br/> <b>Death State:</b> ${Death_State}<br/><b> Death City: </b>${Death_City}<br/> <b>Spouses Name: </b>${Spouses_Name}<br/> <b>Undertaker:</b> ${Undertaker}<br/> <b>Year of Birth:</b> ${Year_of_Birth}<br/> <b>Personal Notes:</b> ${Personal_Notes}"</SPAN></SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>



feature<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setInfoTemplate</SPAN><SPAN class="punctuation token">(</SPAN>template<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>


<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

ThomasSolow

I'm not sure you're allowed to do this as it presents a security concern. There may be a way around it if you keep poking around though.

One way to get similar behavior is to add an action to your popupTemplate.

Something like this: JS Bin - Collaborative JavaScript Debugging

In that example, clicking on the action in the popup fires a function that looks at the feature in the open popup, takes its "Online" field from its attributes, and opens a new tab.

GregSalvador

Thank Rickey! I realized my error was I was trying to add "" around my link's href attribute. I noticed you didn't have quotations around yours, so I dumped mine and it worked like a charm.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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