Mouse over a link, and highlight the map country

[mreider]

Hey all,

 

 

 

I've got a page here with a map of Europe: http://www.canuckabroad.com/travel-guides/travel-europe/

 

 

 

You can see how on the right of the map, I have a list of links with each country. I'd like it so that when I mouse over the links on the right, the approriate country lights up on the map (similar to how when you mouseover the map itself, the country name comes up and the map is highlighted).

 

 

 

I'm sure there's a way to do this with javascript, but I've got no idea where to start...Can anyone help me with this?

[FusionCharts Support]

Hi,

There is no native support for this but you can do this by updating the map XML again and again on mousehover on the links.

STEPS:

1 .When the mouse hovers over a link get the XML from map (store is as backup )

2 .Modify XML to set that entity's color to hover color

3. Set this new XML to the map using setDataXML

4. on mouse out set the backup XML stored to the map to restore the originality of the map

* This might be process hungry.

[mreider]

Thanks for the response, but that totally went over my head - All I want is a link and a country to be highlighted. Is there not just a snippet of javascript I can use to do this?

 

 

 

I'm not much of a programmer.

 

 

 

Thanks!

[FusionCharts Support]

Hi,

I am afraid, there is no JavaScript snippet available as of now.

[mreider]

Hmm.. Can I hire you guys to program it for me? I'd really like it, it seems relatively easy - I'd be happy to pay to get it done.

[Guest Madhumita]

Hello,

Can you please drop in a mail at [email protected]?

 

You can get in touch with our developers directly then.