Adding CSS to a property action

hi all-

 

it's mr again :-)

 

ok, i've got question may better solved in different way sounded me if possible:

 

i have slideshow oval buttons on botton of stage (20 of them).

 

i've built making each "slideshow" symbol (they aren't easy image sliders contain several elements).  on main stage page, add symbols , create button , action each symbol.

 

so far, good.  have 6 symbols , buttons , work expected!.

 

what want do, however, have when click on button, changes color , maintains color until button selected.

 

i thinking if add button action, soo sweet! (.css {color: "white"} (or background-color - i'll have double check :-)

either way, possible, or better, easier way (by keepim in action code code button in 1 place me)...

 

i figure if needed list each button in each action , set them main color - set button chosen new (white) color - code?

 

i'm having in button action of each button (perhaps because symbols had make sure set "hide" before "show" button in question:

 

sym.$("ps-one").hide();

sym.$("ps-two").hide();

sym.$("ps-three").hide();

sym.$("ps-four").hide();

sym.$("ps-five").hide();

sym.$("ps-six").show();

sym.getsymbol("ps-six").play();

 

 

thanks!

 

james

hi james, yes background-color accurate.

 

so in case example, should work

 

/////////////// onclick ////////////////////

 

sym.getsymbol("ps-six").$("directelementname").css({

    "background-color": "#fff"

  });

 

///////////////////////////////////////////////

 

the above gets symbol reference (ps-six) followed element handler want affect, followed css property.

i don't know actual name of element mock reference "directelementname" has match name of element (that resides in symbol ps-six).

 

hth

darrell

More discussions in Edge Animate CC

adobe