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

infoWindow.clearFeatures() Not Working

deleted-user-1_r2dgYuILKY

I'm trying to get a popup to close once a hyperlink is clicked inside the popup. The hyperlink is working, but the popup just changes to display "no information available" after the click and doesn't close. This is part of an event listener in a PhoneGap app.

img<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addEventListener</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"click"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>window<SPAN class="punctuation token">.</SPAN>location <SPAN class="operator token">=</SPAN> chartPath<SPAN class="punctuation token">;</SPAN> map<SPAN class="punctuation token">.</SPAN>infoWindow<SPAN class="punctuation token">.</SPAN><SPAN class="token function">clearFeatures</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

Find more posts tagged with

Accepted answers

All comments

deleted-user-1_r2dgYuILKY

Here's more of the script. I set content in the next line. Chartpath is an URL

<SPAN class="keyword token">var</SPAN> img <SPAN class="operator token">=</SPAN> document<SPAN class="punctuation token">.</SPAN><SPAN class="token function">createElement</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"img"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

img<SPAN class="punctuation token">.</SPAN>src<SPAN class="operator token">=</SPAN>chartPath<SPAN class="punctuation token">;</SPAN>
img<SPAN class="punctuation token">.</SPAN>width<SPAN class="operator token">=</SPAN><SPAN class="number token">240</SPAN><SPAN class="punctuation token">;</SPAN>
img<SPAN class="punctuation token">.</SPAN>height<SPAN class="operator token">=</SPAN><SPAN class="number token">160</SPAN><SPAN class="punctuation token">;</SPAN>
img<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addEventListener</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"click"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>map<SPAN class="punctuation token">.</SPAN>infoWindow<SPAN class="punctuation token">.</SPAN><SPAN class="token function">clearFeatures</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> window<SPAN class="punctuation token">.</SPAN>location <SPAN class="operator token">=</SPAN> chartPath<SPAN class="punctuation token">;</SPAN><SPAN class="punctuation token">}</SPAN> <SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
map<SPAN class="punctuation token">.</SPAN>infoWindow<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setContent</SPAN><SPAN class="punctuation token">(</SPAN>img<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

RobertScheitlin__GISP

Levi,

It does not sound like you have access to your global var map then. If I need to add event listeners to elements in the popup I use domConstruct to create the html element so I can attach event listeners to them before they are added to the popup using the setContent method. Another route is to give your html element an ID that you can use dojo query to get a reference to and then add the event listener on the popup show event (making sure not to add it more than once).

deleted-user-1_r2dgYuILKY

Robert,

Map is a global variable defined at the start of the script. I tried map.infoWindow.hide(); and that didn't work either. I can't see any errors in the debugger.

RobertScheitlin__GISP

Levi,

I am not sure you have a proper reference to map in the scope of this function but if you do then you more likely want map.infoWindow.hide();

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.