How to create a pop-up window in Animate?

Community Beginner ,
Sep 08, 2020 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

86

Likes

translate

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
community guidelines
Adobe Community Professional ,
Sep 08, 2020 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

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
community guidelines
Community Beginner ,
Sep 08, 2020 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

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
community guidelines
Adobe Community Professional ,
Sep 08, 2020 Sep 08, 2020

Copy link to clipboard

Copied

you're welcome.

Likes

translate

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
community guidelines
New Here ,
Jan 19, 2021 Jan 19, 2021

Copy link to clipboard

Copied

Hi,

I have the same problem, but I don’t understand your answer. Where do I enter this code?

Likes

translate

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
community guidelines
Adobe Community Professional ,
Jan 19, 2021 Jan 19, 2021

Copy link to clipboard

Copied

see your new thread with duplicate question where i responded.

Likes

translate

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
community guidelines