How to select a Dial using jQuery?

May 27, 2019

Hi there...

Here is a good example of selecting objects in Storyline course in order to create rich interactive content :

https://elearningbrothers.com/blog/javascript-tricks-articulate-storyline-3-360/

the whole idea is, if I right click on any object, click on accessibility then change the text in the alternate text to "spinner" and execute this code on button click:

var item = $('[aria-label="spinner"] svg')
$(item).animate({'top': '-=30px'},'slow');


The object (spinner) will be animated 30 pixels to top.

The problem is it doesn't work with Dials.

It seems that Storyline doesn't convert Dials to SVGs.

 

How to select Dials in Storyline using jQuery...???

Please help I know there should be a way to do this...

 

Here is the story in action with two objects both are named spinner ( a Rectangle and a Dial).

https://reed123.000webhostapp.com/test/story_html5.html

 

1 Reply

This discussion is closed. You can start a new discussion or contact Articulate Support.