Published HTML loses interactivity

[EricLiu18]

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. 

[kglad]

did you upload or integrate the js file?

[EricLiu18]

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

[kglad]

what's the url of your html?

[EricLiu18]

It's just a local html file right now. 

[kglad · Accepted solution]

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

[EricLiu18]

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. 

[kglad]

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

[juliaj40900980]

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!

[EricLiu18]

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. 

[EricLiu18]

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

[kglad]

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.

[udik]

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 

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.  

[kglad]

and your developer's console shows?

[udik]

unfortunately i can not understand the error...

[udik]

this is the error

[kglad]

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

on frame 2, in the actions panel, add

this.stop();

[udik]

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

[kglad]

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.

[udik]

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?

[kglad]

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