Skip to main content
January 19, 2021
Question

Creating a pop up window in Animate

  • January 19, 2021
  • 1 reply
  • 956 views

I am not familiar with Animate at all and want to create an interactive graphic.

I checked out the tutorial on interactive and animated infographics. In the video about buttons and pop-up windows is not explained how to create the pop-up window. Can someone explain this step by step?

 

That was the answer to another question:

this.button.addEventListener("click",buttonF.bind(this));
 
function buttonF(){
if(this.info.alpha<.5){
this.info.alpha=1;
} else {
this.info.alpha=0;
}
}

 

Unfortunately, I don't understand that either.

This topic has been closed for replies.

1 reply

kglad
Community Expert
Community Expert
January 19, 2021

create a new movieclip

name it infographic (which will be its symbol name in the animate library)

go to its timeline and create (on stage) whatever you want to display in your info popup

 

on the main timeline frame where you have your interactive graphic assign a hotspot (by creatng a button) and assign it an instance name, eg button_info

 

place the library symbol infographic on the main tiimeline stage (in its own layer so its easy to toggle visibility off and on) where you want it to popup.  in the properties layer, while it's selected, enter an instance name, eg info.

 

then in the actions panel add:

 

 

this.info.alpha = 0;
this.button_info.addEventListener("click",button_infoF.bind(this));
 
function button_infoF(){
if(this.info.alpha<.5){
this.info.alpha=1;
} else {
this.info.alpha=0;
}
}

 

January 19, 2021

Thanks for your help! I'll try this.

kglad
Community Expert
Community Expert
January 19, 2021

you're welcome.

 

p.s. keep us posted on your progress.