Disable Map Links until Ajax returns the content

[noob]

Noob here,

 

I have 2 divs ( first with the map and the second for displaying data based on the selection map).

 

In the xml file I have records like this:

 

 

The php file do an Ajax.Request and with the OnSuccess event, I update the second div.

 

If I clicked quickly on the different section of the map, it seems the map cannot respond to the click event.

 

For understanding my problem , see the FusionAir Flight Route Selector Demo and click quickly on 2 or more different routes; the Available Flights section slow down or become inactive/blocked.

 

 

 

My question is: how to disable click event on the map until the second div is refreshed.

 

 

 

Thanks and sorry for my poor English.

[FusionCharts Support]

Hi,

 

 

 

What you can do is to put a HTML Dimmer DIV Element over the map when the other DIV is getting updated.

 

 

 

You need to set the map's WMODE to opaque to allow HTML elements over the map.

 

 

 

Now set an opacity of the DIV (to make it translucent) above the map till the other DIV content gets refreshed.

 

 

 

Once done remove the DIV.

[noob]

I resolved the problem with a modal div, you`re right...this is the good way.

 

Thanks!

[Guest Madhumita]

Hi,

Glad we colud help you.

Happy FusionCharting.