Controlling several tight buttons/symbols with js


(Silvio) #1

Hi,

I am creating a visualization in Hype. I tried standard svg buttons using standard main timeline actions targeting other timelines. My problem is each button (canvas) overlaps other, since I can’t create shapes for each curves (sunburst chart). That said, I am out of options, perhaps javascript would help me accomplish > mouse over > click/tap > mouse out/ mouse up.

here are


(Silvio) #2

screen shots

hype doc test

proj_sundburst_test.hype.zip (66.7 KB)


(Silvio) #3

Thanks for you help.
Best,
Silvio


(Hans-Gerd Claßen) #4

you could …

prepare your svg (as whole) to have classes or ids.
then place the whole svg (all shapes at once) as innerHTML.

the classified paths, shapes etc. can then be accessed via js in hype …


(Silvio) #5

thanks, I will try that.