Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
alguna

Calling Timeline from a variable

Recommended Posts

Hi, 

 

I try to call timeLines depending on which button is clicked, but I get errors. I've set a basic example on codepen.

What I try to achieve, is depending on the button clicked, to restart a TimeLine.

On my project, I have a lot of button, and I want to call the timeLines dynamically, without creating a different event for each button, 

 

Does anyone have an idea how to solve this ?

 

Thanks in advance,

 

Olivier

 

See the Pen GRKoMgZ by alguna (@alguna) on CodePen

Share this post


Link to post
Share on other sites

Hey alguna and welcome to the forums,

 

One way to do that would be to create an object that maps the ID to the timeline like so:

 

const map = {
  "tl_A": tl_A,
  "tl_B": tl_B,
  "tl_C": tl_C
}

and in your click listener you use the map to fire the right timeline:

 

map[triggerId].restart();

See the Pen pozgWRK?editors=0010 by GreenSock (@GreenSock) on CodePen

  • Like 4

Share this post


Link to post
Share on other sites

Waw ZachSaucier , didn't think about that, nice solution! Thank you very much! :)

Share this post


Link to post
Share on other sites
3 minutes ago, Shaun Gorneau said:

Hi @alguna,

 

It's a namespace issue. Putting that Timelines in the window namespace will help you dynamically address them.

 

 

 

 

Thank you very much Shaun Gorneau , that helped me a lot!

Share this post


Link to post
Share on other sites
1 minute ago, alguna said:

 

Thank you very much Shaun Gorneau , that helped me a lot!

 

Happy to have helped in some way!

Share this post


Link to post
Share on other sites

In addition to the great advice from Shaun and Zach, I thought I'd point you to this similar thread. It has a little bit of extra info which might help too.

Happy tweening.

:)

  • Like 5

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.

×