Easy html/js button embedding problem

Question

All, sorry if this is a stupid question--I'd have thought it VERY easy to answer, maybe so much that no one's bother to tackle it.

Background: new to Animate CC but an old Flash user for buttons/banners, Dreamweaver CC for web page design

So, I used Animate CC to make an HTML5 navbar (home, past events, etc.) that works upon testing (in Animate CC). Animate than gives me two files; an html file that when double-clicking runs my successful navbar in a browser by itself, and a javascript file.

My question is, what now? I used to make flash buttons--in that case, I'd create a div below the page title for the navbar in Dreamweaver and "insert swf file" (which the toolbar would be) and it worked. Now I guess I'm supposed to copy the html code into Dreamweaver, and I guess that references the js code so attach it to the project...? Am I close? So, I copy the html into the area where the button would be and then attach the js file to dreamweaver?

I haven't tried any of this yet but I anticipate a few failures at least initially. Can someone set me straight before I begin? I anticipate having to do this sort of thing a lot in the future for toolbars and animations. The animations I figured out but the button/navbar process descriptions sans Flash and Shockwave are pretty sparse.

Thanks!!

Patrick

kdmemory · Accepted Answer

Patrick, I got curious and found this:HomeIt's your work, isn't it?The following is to say: In Flash times a SWF was running in a Flash Player, a kind of Black Box, relatively unrelated to the other environment written in HTML, CSS and Javascript, to name the main components of web development.We all agree, Flash is DEAD, it becomes perfectly clear when you open the link above and all the Black Box bits are dead on startup.The route to install the same navbar principle with Canvas/HTML is doomed. What comes out of Animate (one HTML, one JS) is a complex and complete HTML document in itself with javascript, it has its own divs (animation_container, dom_overlay_container, canvas) and tons of javascript functions and variables (stage, canvas, exportRoot ...). To integrate that in your other HTML environment of a page is a difficult undertaking. It's not the same as before, the SWF in Black Box in an <object> tag. You would have to employ an iFrame (or several when I consider the build principle of your Marilyn Cesarano page) to embed your HTML5/Canvas navbars.My advise in earnest, forget it. If you want this kind of animated navbar, think of animated gifs or svgs, maybe employ something like GSAP Tweenlite or jQuery animation methods or CSS animation.sorry Klaus

kdmemory · Answer

Hi Patrickhttps://forums.adobe.com/people/Gaptooth+Columns wrote... I used to make flash buttons--in that case, I'd create a div below the page title for the navbar in Dreamweaver and "insert swf file" (which the toolbar would be) and it worked. well .. do you have an example website running on the web where you did this with Flash/SWF what you are now trying to replicate with HTML5? Sorry, your description (above) is a bit fuzzy. Please reply with an URL or describe your goal in more detail.Generally is to say that navigation bars formerly made as SWF in a Flash Player and now - if you succeed - made HTML5 compatible in a Canvas - this doesn't sound like a good, modern idea.Klaus

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded