Highlighted

Published HTML loses interactivity

New Here ,
Apr 25, 2020

Copy link to clipboard

Copied

I have a single frame HTML canvas file. There is a single button in the file programmed using wizard. When I tested the animation, everything worked fine in the browser, I could click the button and go to another web page. However, the published HTML file losed all its interactivity. I opened the HTML file up in chrome, and I couldn't click the button. I thought it might be my publish setting problem. After trying everything in the setting, still nothing worked. 

 

I also tried to export the test as HTML to see if I can use that instead. That didn't work either. 

Adobe Community Professional
Correct answer by kglad | Adobe Community Professional

 open your browser's developer console to find the problem.

TOPICS
ActionScript, Error, Import and export, Product issue, Publish package

Views

764

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

Published HTML loses interactivity

New Here ,
Apr 25, 2020

Copy link to clipboard

Copied

I have a single frame HTML canvas file. There is a single button in the file programmed using wizard. When I tested the animation, everything worked fine in the browser, I could click the button and go to another web page. However, the published HTML file losed all its interactivity. I opened the HTML file up in chrome, and I couldn't click the button. I thought it might be my publish setting problem. After trying everything in the setting, still nothing worked. 

 

I also tried to export the test as HTML to see if I can use that instead. That didn't work either. 

Adobe Community Professional
Correct answer by kglad | Adobe Community Professional

 open your browser's developer console to find the problem.

TOPICS
ActionScript, Error, Import and export, Product issue, Publish package

Views

765

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
Apr 25, 2020 0
Adobe Community Professional ,
Apr 25, 2020

Copy link to clipboard

Copied

did you upload or integrate the js file?

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...
Apr 25, 2020 0
New Here ,
Apr 25, 2020

Copy link to clipboard

Copied

I simply chose including JavaScript in HTML option in publish setting. 

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...
Apr 25, 2020 0
Adobe Community Professional ,
Apr 26, 2020

Copy link to clipboard

Copied

what's the url of your html?

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...
Apr 26, 2020 0
New Here ,
Apr 28, 2020

Copy link to clipboard

Copied

It's just a local html file right now. 

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...
Apr 28, 2020 0
Adobe Community Professional ,
Apr 28, 2020

Copy link to clipboard

Copied

 open your browser's developer console to find the problem.

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...
Apr 28, 2020 1
New Here ,
May 03, 2020

Copy link to clipboard

Copied

The problem was that I did not upload my HTML file online. Instead, I just opened it in my browser. Due to security reasons, all interactivities do not show up if not uploaded to my site. After uploading it to my site, everything works exactly how I expected. Thank you for your help though, @kglad. 

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...
May 03, 2020 0
Adobe Community Professional ,
May 03, 2020

Copy link to clipboard

Copied

that is the most common problem (and it's obvious when opening the developer console).

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...
May 03, 2020 0
New Here ,
Jun 03, 2020

Copy link to clipboard

Copied

Hi @kglad, I'm new to Adobe Animate and is running into the same issue with an interactive page, but not sure I understand the solve.

Is there a way to have the interactive HTML file work without a website to preview/test? Or do I need a website to be able to interact with the animation? 

 

thanks!

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...
Jun 03, 2020 0
New Here ,
Jun 03, 2020

Copy link to clipboard

Copied

You can just test it out in Animate. What you see in the browser page Animate opens up will be what you will see when you have it uploaded to a real website. 

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...
Jun 03, 2020 0
New Here ,
Jun 03, 2020

Copy link to clipboard

Copied

Control -> Test, if you don't know where it is. 

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...
Jun 03, 2020 0
Adobe Community Professional ,
Jun 04, 2020

Copy link to clipboard

Copied

you only need a website if you see a security sandbox error. otherwise, you can test per eric's suggestion or publish and open the published html file with your browser.

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...
Jun 04, 2020 0
Explorer ,
Jul 18, 2020

Copy link to clipboard

Copied

i have the same issue. 

I have a single frame HTML canvas file. There is a single button in the file programmed to move object on screen.  When I tested the animation, everything worked fine in the browser, I could click the button and see the object move.

i published it as follows 

publish.JPG

However, when i uploaded the files to my server i didnt see anything but this square.

the files i uploaded where: the html file. the js.file and the images.  ‏‏לכידה.JPG

 

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...
Jul 18, 2020 0
Adobe Community Professional ,
Jul 18, 2020

Copy link to clipboard

Copied

and your developer's console shows?

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...
Jul 18, 2020 0
Explorer ,
Jul 19, 2020

Copy link to clipboard

Copied

unfortunately i can not understand the error...

 

 

 

console.JPG

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...
Jul 19, 2020 0
Explorer ,
Jul 19, 2020

Copy link to clipboard

Copied

this is the error

 

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...
Jul 19, 2020 0
Adobe Community Professional ,
Jul 20, 2020

Copy link to clipboard

Copied

move your content to frame 2, leaving frame 1 empty.

 

on frame 2, in the actions panel, add

 

this.stop();

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...
Jul 20, 2020 0
Explorer ,
Jul 20, 2020

Copy link to clipboard

Copied

thank you, however it doesnt work. i get empty screen with same error

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...
Jul 20, 2020 0
Adobe Community Professional ,
Jul 20, 2020

Copy link to clipboard

Copied

i don't think you can get more help via the forums.

 

someone will probably need to download your fla and fix that for 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...
Jul 20, 2020 0
Explorer ,
Jul 21, 2020

Copy link to clipboard

Copied

how come that when i test the movie in browser it works ok, but when i publish it as javascriop/html i face the error?

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...
Jul 21, 2020 0
kglad LATEST
Adobe Community Professional ,
Jul 23, 2020

Copy link to clipboard

Copied

you're probably failing to upload a needed part of the published files.

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...
Jul 23, 2020 0