Controlling several tight buttons/symbols with js

Using JavaScript with Hype
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

2

screen shots

sunburst_hype-help.png569×1000 119 KB

hype doc test

proj_sundburst_test.hype.zip (66.7 KB)

3

Thanks for you help.
Best,
Silvio

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 …

1 Like
5

thanks, I will try that.