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
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
-
How can I add a link using the adobe reader software?
How can I add a link using the adobe reader software?
Hi johnny05,
This isn't something you can do with Adobe Reader. To edit a PDF file, including adding a link, you must use Acrobat. We invite you to try Acrobat DC for 30 days; You can download a trial of this page: Download Adobe Acrobat free trial version | Acrobat Pro DC.
Best,
Sara
-
How can I add a password to an existing network of the time capsule?
How can I add a password to an existing network of the time capsule?
I guess you mean that time Capsule has already been configured to provide a signal of wireless network, correct?
Do you mean that the network has no password at all right now... or... do you mean that the network has an existing password, but you want to change the password?
What operating system are you using on the iMac that you list in your profile?
-
How can I add a photo to identify a contact in the Message
How can I add a photo to identify a contact in the Message
Names and images in Messages are removed from your App Contacts select the contact, tap Edit, then tap Add Photo.
-
How can I add text to photos save to JPEG? The photos have been imported into my computer from a mobile phone
Hello
What operating system do you use?
You can use the paint on windows feature to add text on the pictures.
Reference:
http://Windows.Microsoft.com/en-us/Windows7/products/features/paint (you can also use this article for windows vista)
http://www.Microsoft.com/resources/documentation/Windows/XP/all/proddocs/en-us/app_paintbrush.mspx?mfr=true
http://www.Microsoft.com/resources/documentation/Windows/XP/all/proddocs/en-us/mspaint_overview.mspx?mfr=true -
How can I add a contact to my new folder, when the add new contact button is missing?
original title: adding new Contacts
How can I add a contact to my new folder, when the add new contact button is missing?
Hello
see if that helps
http://www.vista4beginners.com/missing-buttons-from-Windows-contacts-toolbar
http://www.Vistax64.com/tutorials/186477-new-contact-new-contact-group-button-missing.html
-
How can I add a field to 2 digits which, to the entry '1' returns '01?
How can I add a field to 2 digits which, to the entry '1' returns '01?
You can use this code as the Custom Format script:
If (event.value) event.value = util.printf ("% 2d", event.value);
-
Hi, I want to add a link back to a button in the muse. Any ideas? thinking that I'll have to add the following < a href = "javascript:history.back ()" > < /a > and return code in a text editor by hand after I exported the site in html format.
No need to code the hand something to do.
Create your button or link just as you would for any button or link.
Click on your button
In the hyperlinks tool simply add javascript:history.back()
Press enter
Fact...
-
How is it possible that my web browser favorite, confident using the / offers WOT? What has gone wrong? I'm disappointed / / Thomas, Germany
Tomew64 said
The problem I was Mozilla proposed this add, resp. create the possibility for download. Have not, they check the possible risks?
Mozilla did not this WOT extension, just like the vast majority of Extensions housed at addons.mozilla.org. Many Mozilla rendering Extensions have Mozilla or Mozilla Labs as the author.
-
I bought Adobe Creative Suite 5.5 Design Premium a few years ago. I have since upgraded my windows computer to a new one without a CD player. How can download & install Adobe Creative Suite 5.5 without using the disc that I bought?
Here are the links to download:
-
How to store files in iCloud drive ONLY (do not use the space on my MACBOOK hard drive?
How to store files in iCloud drive ONLY (do not use the space on my MACBOOK hard drive?)
I want to save the file in my iCloud account, but free space in the hard drive of my MACBOOK
I want to save the file in my iCloud account, but free space in the hard drive of my MACBOOK
There is no practical way to do it.
If you do not enable iCloud Drive on your Mac, you can upload files to iCloud by car via the web interface at https://www.icloud.com
But you can access the files from the web interface and won't icloud drive as drive in the Finder. You cannot use the Finder to access the files. You need to download it to use.
-
How can I load updates from pilot to another pc using the ethernet cable?
How can I load updates from pilot to another pc using the ethernet cable?
You would be better to use a flashdrive rather than an Ethernet cable. To connect using an Ethernet cable you need a crossover cable and then configure the network cards.
I hope this helps.
-
How can I restore my computer to factory settings with using the computers original disc?
Original title: ' ideas: insert an error code or give a brief description of what you're trying to accomplish or difficulty. " __ »
I want to know how I can restore my computer settings to factory with using the original disk of computers or to create a recovery disk
Here you are options to reinstall Vista:
Vista Media recovery obtaining and/or using the Vista recovery on your computer Partition to factory settings .
There is no Vista free download legal available.
Contact your computer manufacturer and ask them to send a recovery disk/s Vista set.
Normally, they do this for a cost of $ small.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
In addition, ask them if you have a recovery Partition on your computer/laptop to restore it to factory settings.
See if a manual provided with the computer or go to the manufacturer's website, email or you can call for information on how to make a recovery.
Normally, you have to press F10 or F11 at startup to start the recovery process...
Another way I've seen on some models is press F8 and go to a list of startup options, and launch a recovery of standards of plant with it, by selecting the repair option.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Also ask them if it is possible to do the recovery disk/s for the recovery Partition in case of a system Crash or hard drive failure.
They will tell you how to do this.
Every computer manufacturer has their own way of making recovery disk/s.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Or borrow a good Microsoft Vista DVD (not Dell, HP, etc).
A good Vista DVD contains all versions of Vista.
The product key determines which version of Vista is installed.There are 2 disks of Vista: one for 32-bit operating system, and one for 64-bit operating system.
If install a cleaning is required with a good DVD of Vista (not HP, Dell recovery disks):
Go to your Bios/Setup, or the Boot Menu at startup and change the Boot order to make the DVD/CD drive 1st in the boot order, then reboot with the disk in the drive.
At the startup/power on you should see at the bottom of the screen either F2 or DELETE, go to Setup/Bios or F12 for the Boot Menu
http://support.Microsoft.com/default.aspx/KB/918884
MS advice on the conduct of clean install.
http://www.theeldergeekvista.com/vista_clean_installation.htm
A tutorial on the use of a clean install
http://www.winsupersite.com/showcase/winvista_install_03.asp
Super Guide Windows Vista Installation
After installation > go to the website of the manufacturer of your computer/notebook > drivers and downloads Section > key in your model number > get latest Vista drivers for it > download/install them.
Save all data, because it will be lost during a clean installation.
See you soon.
Mick Murphy - Microsoft partner
-
How to make an object or a menu to stick on the left edge of the screen?
I want the menu on the left to look like here http://muserocket.com/TF/bonesa/ How to do paste left on any monitor?
Use the pinning control in the Control Strip to pin to your sidebar to the top left of the browser window.
-
How can I add a link to my email address
I want to automatically add a link to a Web site with all of my emails. How?
Open your Inbox,
Right-click on an empty spot in the page of the Inbox.
Click on create a shortcut.
A window will ask you if you want to create a shortcut on the desktop,
Click Yes.
You can also click Add to Favorites and access your boxes in from the list of favorites.
Or install a Messenger of your accounts, e-mail
Gmail has Google Talk,
I'm sure that Yahoo and others have a Messenger for these e-mail applications.
Maybe you are looking for
-
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
-
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.