18 Replies Latest reply on Oct 2, 2014 7:18 AM by resdesign

    Symbols - how to change fill color upon a mouse event?

    pixelwrangler Level 1

      I am in the process of converting some Flash animations into HTML.

       

      I am experiencing some problems with Edge Symbols. As a test, if I create a new symbol out of a circle I draw, and call this the new Symbol "Test," I am then trying to change it's fill color on a hover event.

       

      I tried this:

      // insert code to be run when the mouse hovers over the object

      sym.$("Test").css("background-color", "red");

       

      This, in fact, changes the "background-color," but NOT the fill color of my symbol. See the example below.hover.png

       

      So, how then do I address the Symbol "Test" if I want to change it's FILL color upon an event such as hover?

       

      TIA!