topic Re: Any way to hide an infoWindow on a mouse click? in ArcGIS JavaScript Maps SDK Questions

Any way to hide an infoWindow on a mouse click?

JayGregory — Sun, 13 May 2012 15:21:16 GMT

Was curious if anyone's found a way to hide an infoWindow when a user clicks outside the infoWindow (instead of having to click the "x" or click on another map graphic which displays another infoWindow.
I tried setting a dojo.connect event handlers like dojo.connect(map, "onClick", map.infoWindow.hide()); but that doesn't seem to work.

Thanks!

Jay

Re: Any way to hide an infoWindow on a mouse click?

StephenLead — Sat, 11 Dec 2021 21:07:01 GMT

I tried setting a dojo.connect event handlers like dojo.connect(map, "onClick", map.infoWindow.hide()); but that doesn't seem to work.

Try this instead:

dojo.connect(map, "onClick", function() {
  map.infoWindow.hide();
});

Re: Any way to hide an infoWindow on a mouse click?

JayGregory — Sat, 11 Dec 2021 21:07:04 GMT

Thanks for the suggestion. That just seems to hide the infoWindow as soon as it's shown - it's only up for a second. I also tried

dojo.connect(map.infoWindow, "onShow", function() {
 dojo.connect(map, "onClick", function() {
  map.infoWindow.hide();
 });
 });

and that didn't seem to work either. Same behavior - just hides the infoWindow right away.

Jay

Re: Any way to hide an infoWindow on a mouse click?

StephenLead — Mon, 14 May 2012 01:48:08 GMT

That just seems to hide the infoWindow as soon as it's shown - it's only up for a second.

It sounds like you might be using a mouse click on the map to open the infoWindow in the first place?

What's displayed in the infoWindow - can you trigger it to open when you click on something else( a feature, graphic, or layer) instead?

Steve

Re: Any way to hide an infoWindow on a mouse click?

JayGregory — Mon, 14 May 2012 02:41:14 GMT

The infoWindow only shows when you click on a graphic. But clicking on a graphic would then also constitute a click on the map, which fires the infoWindow.hide() function too, hence the hiding. I tried setting a handler to only connect the infoWindo.hide() on a mouse click _once_ the infoWindow is shown. And then as soon as the infoWindow is hidden, diconnect the event handler. But that didn't work either.

Re: Any way to hide an infoWindow on a mouse click?

StephenLead — Mon, 14 May 2012 03:09:49 GMT

But clicking on a graphic would then also constitute a click on the map

You can trap for that using:

dojo.connect(map, "onClick", function(evt) {   if(!evt.graphic) {     console.log("map click");   } });

Re: Any way to hide an infoWindow on a mouse click?

DavidTreering — Sat, 11 Dec 2021 21:07:07 GMT

Is there a way to do this yet? I have the InfoWindow closing automatically by a number of different events, using:

   function hideInfoWindow(){
    map.infoWindow.hide();
     }

But I can't find an "event" for clicking on the map anywhere to close the infoWindow.

Re: Any way to hide an infoWindow on a mouse click?

JayGregory — Tue, 15 May 2012 00:53:37 GMT

Thanks Steven! That did it!

Re: Any way to hide an infoWindow on a mouse click?

DavidTreering — Sat, 11 Dec 2021 21:07:10 GMT

Thanks Steven! That did it!

I'm pretty new to JS and I didn't quite get this yet. Can you explain what I need to do to this?

  dojo.connect(map, "onClick", function(evt) {
     if(!evt.graphic) {
       console.log("map click");
     }
     hideInfoWindow();
  });
   function hideInfoWindow(){
    map.infoWindow.hide();
     }

Re: Any way to hide an infoWindow on a mouse click?

JayGregory — Sat, 11 Dec 2021 21:07:12 GMT

In your case, the hideInfoWindow() is executing outside the if statement - that is, no matter if you clicked on a graphic or not. You need to move the hide statement inside the if statement, although you can make it simpler by just attaching this handler instead - no need to call the extra function just to execute one line of code. The !evt.graphic means "if you didn't click on a graphic". Hope that helps!

dojo.connect(map, "onClick", function(evt) {
  if(!evt.graphic) {
    map.infoWindow.hide();
  }
});

Re: Any way to hide an infoWindow on a mouse click?

DavidTreering — Tue, 15 May 2012 18:25:46 GMT

Still not working. Is a polygon tiled layer used as a basemap considered a graphic? Or only the dynamic feature layer?

Re: Any way to hide an infoWindow on a mouse click?

StephenLead — Wed, 16 May 2012 00:18:36 GMT

Is a polygon tiled layer used as a basemap considered a graphic? Or only the dynamic feature layer?

Hi David,

No, a tiled or dynamic layer isn't considered a graphic. A feature layer is, as is a graphics layer, or a single graphic.

Can you post your whole code, or a link to your site?

Cheers,
Steve

Re: Any way to hide an infoWindow on a mouse click?

DavidTreering — Wed, 16 May 2012 13:59:10 GMT

Steve, Here's my code...this is a work in progress. Not everything works. Please let me know if my services are coming through alright or if you cannot see them load.
Thanks,
David

Re: Any way to hide an infoWindow on a mouse click?

DavidTreering — Thu, 17 May 2012 15:54:09 GMT

I'll also want to hide the infoWindow if scale changes beyond the visible scale range for the layer. Hmmmm.
I appreciate your time, and any ideas would be a great help.

Re: Any way to hide an infoWindow on a mouse click?

DavidTreering — Tue, 22 May 2012 21:29:13 GMT

I've tried opening it up. Can you try again?

Re: Any way to hide an infoWindow on a mouse click?

StephenLead — Tue, 22 May 2012 21:41:28 GMT

Hi David,

I think the map's onClick handler isn't being initiated because it's not sitting inside a function. Try moving that listener immediately underneath the map declaration (eg around line 368).

I'll also want to hide the infoWindow if scale changes beyond the visible scale range for the layer

This is a bit trickier since the API doesn't directly tell you whether a layer is "on but outside its scale range". See the post here for some pointers you may be able to use.

You may need to hard-code something in your code, then check the current scale range on each zoom change.

Good luck,
Steve

Re: Any way to hide an infoWindow on a mouse click?

DavidTreering — Wed, 23 May 2012 15:46:54 GMT

Try moving that listener immediately underneath the map declaration

That worked, thanks!

I'll try to

hard-code something in your code, then check the current scale range on each zoom change

, and post what I do. I'll probably choose to store variables rather than send a query every onZoomChange.