Highlighted

How to create a pop-up window in Animate?

New Here ,
Sep 08, 2020

Copy link to clipboard

Copied

Hello, Animate newbie here. I was following the animated clickable infographic tutorial and I am lost. Is there a step-by-step guide to creating a pop-up window in Animate? I want the user to be able to click a button and for a window to pop up with more information, or at least a hoover over a button for more information. I tried all of the other guides and downloaded files attached but I am still lost in what to do. In the tutorial there is no background to how the button is set up and how to make the pop-up window appear.  Please help!

TOPICS
How to

Views

31

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How to create a pop-up window in Animate?

New Here ,
Sep 08, 2020

Copy link to clipboard

Copied

Hello, Animate newbie here. I was following the animated clickable infographic tutorial and I am lost. Is there a step-by-step guide to creating a pop-up window in Animate? I want the user to be able to click a button and for a window to pop up with more information, or at least a hoover over a button for more information. I tried all of the other guides and downloaded files attached but I am still lost in what to do. In the tutorial there is no background to how the button is set up and how to make the pop-up window appear.  Please help!

TOPICS
How to

Views

32

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Sep 08, 2020 0
Adobe Community Professional ,
Sep 08, 2020

Copy link to clipboard

Copied

assuming this is an html5/convas project:

 

if you really want a pop-up window use window.open.  use google to get more info.

 

but you probably don't want to open a new window. you probably just want to toggle a movieclip (eg, info).  in that case you can use:

 

this.button.addEventListener("click",buttonF.bind(this));

 

function buttonF(){

if(this.info.alpha<.5){

this.info.alpha=1;

} else {

this.info.alpha=0;

}

}

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 08, 2020 1
New Here ,
Sep 08, 2020

Copy link to clipboard

Copied

Yes it is a HTML5 project, sorry I forgot to include that. 

 

This is a really helpful start to my pop-up movieclip journey, thank you!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 08, 2020 0
kglad LATEST
Adobe Community Professional ,
Sep 08, 2020

Copy link to clipboard

Copied

you're welcome.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 08, 2020 0