How do I add a link to an interactive svg using the common edge library

Hello

I've been playing with this wonderful common edge interactive SVG tutorial

My question is: how to add an external link "url" to an interactive svg using the common edge library?

The communes of the edge example file:

http://edgedocks.com/market/interactive-SVG-example-project-edge-Commons

Video tutorial of common edge:

http://www.YouTube.com/watch?v=4UEB6gaLKuw

I adapted this tutorial for an interactive map, http://madudesign.com/works/france/ , everything is going well until I could not find link to a particular url on each part of the map area.

I managed to find a way to change the colors on the different parts of the map on the mouse and the mouse, but I'm not very comfortable with JavaScript, because I don't use it every day...

I tried to access a url over the layer through the event onclick (event.target.id) and Illustrator to a simple url

http://redpen.IO/6svh5u

working onboard and the publication on the browser the link sends me a weird url line by replacing the slashes the original url ' / / ' by '_x2F_' and I must have misunderstood the correct line of JavaScript to open this link from there...

for example on my real example " " http://madudesign.com/works/France/ "

the top of the page first region of France is normally a link to " " http://www.Google.com ' VAT and it returns "http:_x2F__x2F_ www.google.com" the full path to the file too... .

I don't know how to get around this trick, and for each region, an own particular event id link target of the svg...

Thanks for any help

mast

link to my animated edge if necessary file:

http://madudesign.com/works/France/carte_de_france.zip

I got a response from the municipalities of edges dream team and I am very grateful:

«The problem you pushed was that you did not include a valid URL so far.» We didn't know if you want to include in the SVG file or if you want to implement the functionality to animate within edge. We found a solution for this one, with a simple switch in the js code:

You must type the appropriate URL of course for all cases. »

I have to share the final result:

http://www.madudesign.com/works/France/france_map/

And the zipped project file:

http://www.madudesign.com/works/France/france_map.zip

Thanks to Daniel & Simon

Matt

Tags: Edge Animate

Similar Questions

Maybe you are looking for

  • I have viruses?

    I think I can be downloaded by mistake problems (virus?). When Google was my fault, I don't get Bing and pop ups for Mac Cleaner, recreate the image and Zip Cloud - how did I get them and how to eliminate them? Thank you!

  • My Satellite closing with blue screen

    When I tried to turn off my computer 10 hours ago it took a long time, I pressed the characteristic "ctrl-alt-delete" but that doesn't seem to help. He was finally assigned through the ritual of saying "windows disconnects" but then I found myself wi

  • Place HP 34401 in Local with GPIB-USB-HS Mode

    Hello I'm using LabVIEW 2010 SP1 to control the 34401 HP with the NI GPIB-USB-HS device. I use I/O built-in 34401 instrument drivers. If I plugged in everything, the 34401 will be immediately placed in "Remote" mode when I run my software. However, I

  • Improve the 5 GHz range

    I was on the phone with cable Support TimeWarner during these days, trying to get the speed I pay for, the speed at which we found on the desktop computer that is connected to the router EA8500 has a download speed of speed 117.14Mbps and download th

  • Windows and recovery trashed on Swedish Pavilion with Vista Home Premium recovery disc?

    I don't have a model number, but it has the same chassi as the pavilion elite m9300z design, but it has a 64 AMD live! processor.