What I do wrong on this interactive SVG? Help, please.

I watched the tutorial on youtube about the creation of svg and make an interactive color by changing the character. I tried to apply it, but I do not have something good and got a little lost on the code.  I was wondering if someone could tell me what I'm doing wrong.

The SVG file

  1. At 18 groups that can change each in another layer of color, but not grouped in layers
  2. Layer names are
    1. Owl_Wing_Spots
    2. Owl_Wings
    3. Owl_Belly
    4. Owl_Body
    5. Trunk
    6. Leaf_Outline
    7. Leaf_1
    8. Leaf_2
    9. Leaf_3
    10. E2_Ear_Spots
    11. E2_Ear_Tail
    12. E2_Body
    13. E1_Ear_Spots
    14. E1_Ear_Tail

15 E1_Body

16 Wall_Color

17 Bird_Body

18 Bird_Butterfly_Wing

The Animate Edge file

  • I added the SVG file named "elephant_tree2" and then added the following code to the CompositionReady area

Edge of load Commons

yepnope({)

" load: ' http://CDN.edgecommons.org/an/1.0.0/js/min/EdgeCommons.js ",

complete: function() {}

Allow access SVG

(. Done) EC.accessSVG (sym.$("elephant_tree2"))

{function (svgDocument)}

Add the event listener

svgDocument.addEventListener ("select", {function (event)}

Don't forget the selected part

sym.setVariable ("selectedPart", event.target);

view the id of the item selected in the textfield

SYM. $("selectedPartTxt") .html (event.target.id);

});

});

}

});

Enter the code to run when the composition is fully charged here

  • I added a text selectedPartTxt box and named that too.

None of the groups on the SVG are recognized and the selectedPartTxt does not change.  I think it may have something to do with the fact, there are groups instead of a share, but I don't know how to fix it.

I was also wondering if anyone could tell me how to use a SVG to the color chart too instead of recreate beachfront animate.  I tried not to the part of the SVG color because I still can't mouse click to work on a group that changes.

Any help would be appreciated.

Thank you!

Darling

Hello, I had a similar problem and this fixed it.

You know how in the illustrator file, you need to reference a file called svg.js in the library of common edge? Download this file, or write the code in a text editor and save it in a .js file and then make sure that the file is located in the same folder as your images, called by the file "adobe" edge.

I hope this works!

Liz

Tags: Edge Animate

Similar Questions

Maybe you are looking for

  • T500 BluRay?

    There the ultrabay Blu - Ray Drive? If Yes, what is the thanks part number

  • ScanDisk flash drive not recognized by windows desktop 7

    My Cruzer Scandisk SDCZ36 - 032G works on my laptop but not on my desktop pc

  • HP Envy 4500: Sharing network - delay of the printing press by day

    Have had HP Envy 4500 all-in-one wireless for about a year.  Two laptops in the printer on the part of the House. Problem is with one of the laptops. Print is often delayed-- a whole day! - or doesn't print at all. Sometimes restart printer will do t

  • Problem with wrt54gsv5 does not

    Had the router for a little over 2 years and had not had any problems, everything worked fine. I never turn off my modem or router. They have always been on since I installed them.  Now, my wireless router it does not transmit.  Rigid cable connectio

  • lack of brightness control

    When I upgrade from vista to windows 7 missing control brightness and when my laptop battery light don't overtemperature and brightness in power option is missing and I can not increase or decrease the brightness of function "fn" my laptop is sony vg